.van-message {
    padding: 10px 16px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    background: rgba(0, 0, 0, .8);
    color: #fff;
    margin-bottom: 10px;
    pointer-events: all;
    transition: opacity .3s, transform .3s
}

.van-message-box {
    position: fixed;
    z-index: 1010;
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
    pointer-events: none
}

.van-message-success {
    background: rgba(82, 196, 26, .8)
}

.van-message-error {
    background: rgba(245, 34, 45, .8)
}

.van-message-warning {
    background: rgba(250, 173, 20, .8)
}

.van-message-info, .van-message-loading {
    background: rgba(0, 0, 0, .8)
}

.van-message-fade-enter, .van-message-fade-leave-active {
    transform: translateY(50%);
    opacity: 0
}

.van-popper .popper__arrow, .van-popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.van-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.van-popper .popper__arrow:after {
    content: " ";
    border-width: 6px
}

.van-popper[x-placement^=top] {
    margin-bottom: 12px
}

.van-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
}

.van-popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.van-popper[x-placement^=bottom] {
    margin-top: 12px
}

.van-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5
}

.van-popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.van-popper[x-placement^=right] {
    margin-left: 12px
}

.van-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
}

.van-popper[x-placement^=right] .popper__arrow:after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.van-popper[x-placement^=left] {
    margin-right: 12px
}

.van-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
}

.van-popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
}

.van-popover {
    position: absolute;
    background: #fff;
    min-width: 150px;
    border-radius: 4px;
    border: 1px solid #ebeef5;
    padding: 12px;
    z-index: 2000;
    color: #606266;
    line-height: 1.4;
    text-align: justify;
    font-size: 14px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
}

.van-popover--plain {
    padding: 18px 20px
}

.van-popover__title {
    color: #303133;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px
}

.van-popover:focus, .van-popover:focus:active, .van-popover__reference:focus:hover, .van-popover__reference:focus:not(.focusing) {
    outline-width: 0
}

.van-pagination {
    padding: 2px 5px;
    white-space: nowrap;
    color: #2d2f33;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.van-pagination-btn-next, .van-pagination-btn-prev, .van-pagination-pager li {
    color: #222;
    -webkit-transition: all .2s;
    font-size: 14px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    min-width: 15px;
    text-decoration: none;
    text-align: center
}

.van-pagination-btn-next, .van-pagination-btn-prev {
    padding: 0 15px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    transition: all .2s
}

.van-pagination-pager li {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ddd;
    background-image: none;
    transition: all .2s;
    margin: 0 2px;
    padding: 0 14px
}

.van-pagination-pager li:hover {
    color: #00a1d6
}

.van-pagination-pager .van-pagination-active {
    background: #00a1d6;
    color: #fff !important;
    border: 1px solid #00a1d6
}

.van-pagination-point {
    display: -ms-flexbox;
    display: flex;
    background-color: #f4f4f4;
    padding: 6px;
    border-radius: 50px;
    -ms-flex-align: center;
    align-items: center;
    transition: all .2s
}

.van-pagination-point .van-pagination-item {
    font-size: 0;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    background-color: silver;
    margin: 0 3px;
    transition: all .2s;
    cursor: pointer
}

.van-pagination-point .van-pagination-item:hover {
    background-color: #00a1d6
}

.van-pagination-point .van-pagination-dian {
    font-size: 12px;
    line-height: 0;
    color: silver
}

.van-pagination-point .van-pagination-active {
    border-radius: 3px;
    width: 12px;
    background-color: #00a1d6
}

.van-pagination-point:hover {
    transform: scale(1.4)
}

.van-pagination-point:hover .van-pagination-item {
    transform: scale(1.1)
}

.van-pagination-btn-next-small, .van-pagination-btn-prev-small {
    padding: 0 15px;
    color: #222;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ddd;
    transition: all .2s;
    font-size: 14px;
    min-width: 15px;
    display: inline-block;
    text-decoration: none;
    height: 36px;
    line-height: 36px
}

.van-pagination-btn-next-small:hover, .van-pagination-btn-prev-small:hover {
    color: #00a1d6
}

.van-pagination-pager-small .van-pagination-disabled {
    color: #c0c4cc;
    background-color: #fff;
    cursor: not-allowed
}

.van-pagination-pager-small-content {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 16px;
    color: #222
}

.van-pagination-jumper input {
    padding: 0 5px;
    background: 0 0;
    outline: 0;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 4px;
    width: 40px;
    margin-left: 5px;
    margin-right: 5px
}

.van-album .album-preview {
    background-color: rgba(0, 0, 0, .9);
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.van-album .album-preview, .van-album .album-preview .album-close {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.van-album .album-preview .album-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background-color: hsla(0, 0%, 41.2%, .2);
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

.van-album .album-preview .album-close i {
    transition: transform .3s
}

.van-album .album-preview .album-close:hover i {
    transform: rotate(180deg)
}

.van-album .album-preview .album-loading {
    position: absolute;
    left: 20px;
    top: 20px;
    font-size: 40px;
    color: #fff
}

.van-album .album-preview .album-pic {
    transition: opacity .6s;
    max-width: 100%;
    max-height: 100%
}

.van-album .album-preview .album-pic.alpha0 {
    opacity: 0
}

.van-album .album-preview .album-pic.alpha1 {
    opacity: 1
}

.van-rate {
    font-size: 18px
}

.van-rate .van-rate-star {
    width: 1em;
    height: 1em;
    margin-right: .2em;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.van-rate.disabled .van-rate-star {
    cursor: auto
}

.van-rate .rate-show-text {
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px
}

.van-slide {
    position: relative;
    overflow: hidden
}

.van-slide > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.van-qrcode {
    display: inline-block
}

.van-watchlater {
    position: absolute;
    z-index: 20;
    width: 22px;
    height: 22px;
    right: 8px;
    bottom: 8px;
    cursor: pointer;
    background-size: contain;
    background-image: url()
}

.van-watchlater.added {
    background-image: url()
}

.van-watchlater.black {
    width: 28px;
    height: 28px;
    background-image: url()
}

.van-watchlater.black.added {
    background-image: url()
}

.van-watchlater .wl-tips {
    position: absolute;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    line-height: 18px;
    padding: 4px 8px;
    background-color: #000;
    background: rgba(0, 0, 0, .8);
    white-space: nowrap;
    top: -30px
}

.van-watchlater-move-enter-active {
    animation: bounce-in .26s
}

@keyframes bounce-in {
    0% {
        transform: scale(0)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

.bili-icon, .icon {
    display: inline-block;
    background-image: url(//static.hdslb.com/images/base/icons.png)
}

.bili-wrapper {
    margin: 0 auto;
    width: 1160px
}

@media screen and (max-width: 1400px) {
    .bili-wrapper {
        width: 980px
    }
}

.bili-wrapper .l-con {
    float: left;
    width: 900px
}

@media screen and (max-width: 1400px) {
    .bili-wrapper .l-con {
        width: 720px
    }
}

.bili-wrapper .r-con {
    width: 260px;
    float: right
}

.elevator-mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 10000;
    top: 0;
    left: 0
}

.b-loading {
    text-align: center;
    height: 20px;
    color: #99a2aa
}

.b-loading span {
    vertical-align: middle;
    height: 20px;
    line-height: 20px
}

.b-loading a, .b-loading span {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.b-loading a {
    width: auto
}

.b-loading:before {
    content: "";
    width: 20px;
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/loading.gif) no-repeat 50%;
    margin-right: 5px
}

.b-loading:after, .b-loading:before {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    height: 20px
}

.b-loading:after {
    content: "\6B63\5728\52A0\8F7D...";
    line-height: 25px;
    color: #99a2aa
}

.b-loading.b-load-fail:before {
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/empty-icon.png) center -472px no-repeat
}

.b-loading.b-load-fail:after {
    display: none
}

.bi-btn {
    display: inline-block;
    background: #00a1d6;
    color: #fff;
    font-size: 14px;
    padding: 4px 18px;
    border-radius: 4px;
    transition: all .3s;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #00a1d6;
    text-align: center;
    cursor: pointer
}

.bi-btn:hover {
    color: #fff;
    background: #00b5e5;
    border-color: #00b5e5
}

.bi-btn:active {
    background: #01769c;
    border-color: #01769c
}

.bi-btn.text-only {
    color: #00a1d6;
    border-color: transparent;
    background-color: #fff
}

.bi-btn.text-only:active, .bi-btn.text-only:hover {
    border-color: #e5e9ef;
    color: #00a1d6;
    background-color: #e5e9ef
}

.bili-msg {
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    color: #fff;
    padding: 8px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-style: normal;
    margin-top: 10px;
    transition: all .3s;
    opacity: 0;
    z-index: 20101
}

.bili-msg.show {
    margin-top: 0;
    opacity: 1
}

.bili-msg.error {
    background-color: rgba(228, 12, 12, .8)
}

.bili-msg .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none
}

.watch-later-hint {
    position: absolute;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    line-height: 18px;
    padding: 4px 8px;
    z-index: 20;
    background-color: #000;
    background: rgba(0, 0, 0, .8)
}

.custom-scrollbar::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.custom-scrollbar::-webkit-scrollbar-button, .custom-scrollbar::-webkit-scrollbar-track {
    display: none
}

.custom-scrollbar::-webkit-scrollbar-track-piece {
    background: #ddd
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #e5e9ef;
    border: 1px solid #ddd;
    border-radius: 4px
}

.bili-dialog {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 10000;
    color: #222
}

.bili-dialog .con {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -160px;
    background: #fff;
    width: 360px;
    border-radius: 4px
}

.bili-dialog .con .btn-close {
    position: absolute;
    width: 16px;
    height: 16px;
    right: 15px;
    top: 15px;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s
}

.bili-dialog .con .btn-close:before {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg)
}

.bili-dialog .con .btn-close:after, .bili-dialog .con .btn-close:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #aaa
}

.bili-dialog .con .btn-close:after {
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.bili-dialog .con .btn-close:hover:after, .bili-dialog .con .btn-close:hover:before {
    background: #666
}

.bili-dialog .con header {
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding: 15px 20px
}

.bili-dialog .con .txt {
    padding: 60px 20px 40px;
    font-size: 14px;
    line-height: 22px;
    text-align: center
}

.bili-dialog .con .btn-box {
    padding: 25px 10px;
    text-align: center
}

.bili-dialog .con .btn-box .bi-btn {
    margin: 0 10px;
    padding: 6px 25px
}

.bili-dialog .con .btn-box .btn-cancel {
    background: #fff;
    color: #6d757a;
    border: 1px solid #ccd0d7
}

.bili-dialog .con .btn-box .btn-cancel:hover {
    color: #00a1d6;
    background: #fff;
    border-color: #00a1d6
}

.bili-dialog .con .btn-box .btn-cancel:active {
    background: #f1f1f1;
    border-color: #00a1d6;
    color: #00a1d6
}

.next-button {
    font-size: 12px;
    color: #999;
    line-height: 22px;
    cursor: pointer
}

.next-button .txt {
    margin-right: 4px;
    vertical-align: middle
}

.next-button .switch-button {
    margin: 0;
    display: inline-block;
    position: relative;
    width: 30px;
    height: 20px;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 10px;
    box-sizing: border-box;
    background: #ccc;
    cursor: pointer;
    transition: border-color .2s, background-color .2s;
    vertical-align: middle
}

.next-button .switch-button:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    transition: all .2s
}

.next-button .switch-button.on {
    border: 1px solid #00a1d6;
    background: #00a1d6
}

.next-button .switch-button.on:after {
    left: 11px
}

.video-info .video-title {
    font-size: 18px;
    font-weight: 500;
    color: #212121;
    line-height: 26px;
    height: 26px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-info .video-title .activity {
    transition: none;
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 12px;
    margin-right: 10px;
    padding: 0 5px;
    height: 22px;
    line-height: 22px;
    border-radius: 2px;
    color: #fff;
    background-color: #ffafc9;
    vertical-align: middle;
}

.video-info .video-title .tit {
    vertical-align: middle;
}

.video-info .video-title .tr-fix {
    margin-left: -0.5em;
}

.video-info .video-data {
    font-size: 12px;
    height: 16px;
    color: #999;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.video-info .video-data span {
    display: inline-block;
    height: 16px;
}

.video-info .video-data .dm {
    margin-right: 12px;
}

.video-info .video-data .a-crumbs {
    margin-right: 16px;
}

.video-info .video-data .a-crumbs a {
    color: #999;
}

.video-info .video-data .a-crumbs a:hover {
    color: #00a1d6;
}

.video-info .video-data .argue {
    margin-left: 16px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
}

.video-info .video-data .argue i {
    font-size: 16px;
    margin-right: 5px;
    color: #fd676f;
    width: 16px;
    vertical-align: top;
}

.video-info .video-data .argue.argue {
    display: inline-block;
    margin-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100vw - 860px);
    font-weight: 300px;
    padding: 4px 13px 4px 4px;
    border-radius: 2px;
    color: #E78B1F;
    background: #FFF1D3;
}

.video-info .video-data .argue.argue i {
    color: #E78B1F;
}


.ring-progress {
    position: absolute;
}

.svga-container {
    position: absolute;
    z-index: 99999;
}

.svga-container.svga-top {
    width: 120px;
    height: 120px;
}

.svga-container.svga-center {
    width: 92px;
    height: 92px;
}

.svga-container.svga-fireworks {
    width: 120px;
    height: 120px;
}

.video-toolbar {
    line-height: 30px;
    height: 28px;
    font-size: 14px;
    color: #505050;
    border-bottom: 1px solid #e5e9f0;
    padding-bottom: 12px;
}

.video-toolbar .ops {
    float: left;
    position: relative;
    height: 24px;
    user-select: none;
}

.video-toolbar .ops .long-click-animation {
    position: absolute;
    width: 96px;
    height: 96px;
    left: -32px;
    top: -94px;
    z-index: 100;
    transform-origin: bottom center;
}

.video-toolbar .ops .svga-fireworks {
    position: absolute;
    top: -106px;
    left: -46px;
}

.video-toolbar .ops .long-click-animation.shake {
    animation: shake 1500ms ease-in-out infinite;
}

.video-toolbar .ops .long-click-finish-animation {
    position: absolute;
    width: 96px;
    height: 96px;
    left: -32px;
    top: -100px;
    z-index: 100000;
    transform-origin: bottom center;
}

.video-toolbar .ops .long-click-finish-text {
    display: inline-block;
    position: absolute;
    left: 76px;
    top: -56px;
    padding: 11px 12px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    background: #000000;
    line-height: 22px;
    z-index: 101;
}

.video-toolbar .ops .long-click-finish-text::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid #000000;
    border-bottom: 7px solid transparent;
    left: -8px;
    top: 16px;
}

.video-toolbar .ops > span {
    width: 92px;
    margin-right: 8px;
    cursor: pointer;
    transition: all 0.3s;
    display: inline-block;
    white-space: nowrap;
    color: #505050;
    position: relative;
}

.video-toolbar .ops > span i {
    font-size: 28px;
    vertical-align: top;
    margin-right: 6px;
    width: 28px;
    height: 28px;
    color: #757575;
    transition: color 0.3s;
}

.video-toolbar .ops > span:hover,
.video-toolbar .ops > span.on {
    color: #00a1d6;
}

.video-toolbar .ops > span:hover i,
.video-toolbar .ops > span.on i {
    color: #00a1d6;
}

.video-toolbar .ops > span.like i.shake {
    animation: shake 1500ms ease-in-out infinite;
}

.video-toolbar .ops .svga-top {
    left: -45px;
    top: -125px;
}

.video-toolbar .ops .svga-center {
    left: -33px;
    top: -33px;
}

.video-toolbar .ops .share {
    position: relative;
    height: 35px;
    width: 62px;
}

.video-toolbar .ops .share .txt {
    margin-right: 12px;
    cursor: pointer;
    vertical-align: top;
}

.video-toolbar .ops .share .share-box {
    display: none;
}

.video-toolbar .ops .share:hover .share-box {
    display: block;
}

.video-toolbar .ops .share .share-pos {
    position: absolute;
    right: -160px;
    top: 35px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    width: 422px;
    z-index: 30;
    color: #505050;
    background: #fff;
    border: 1px solid #e5e9ef;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 2px;
}

.video-toolbar .ops .share .share-pos .box-a {
    display: flex;
    align-items: center;
}

.video-toolbar .ops .share .share-pos .box-a .share-down {
    margin-bottom: 20px;
}

.video-toolbar .ops .share .share-pos .box-a .share-down span {
    display: inline-block;
    width: 45px;
    white-space: nowrap;
    text-align: center;
}

.video-toolbar .ops .share .share-pos .box-a .share-down span i {
    display: block;
    margin-left: 10px;
}

.video-toolbar .ops .share .share-pos .box-a .share-down .share-btn {
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    color: #505050;
    transition: all 0.3s;
}

.video-toolbar .ops .share .share-pos .box-a .share-down .share-btn i {
    font-size: 28px;
    vertical-align: sub;
    width: 28px;
    height: 28px;
    color: #757575;
}

.video-toolbar .ops .share .share-pos .box-a .share-down .share-btn:last-child {
    margin-right: 12px;
}

.video-toolbar .ops .share .share-pos .box-a .share-down .share-btn:hover {
    color: #00a1d6;
}

.video-toolbar .ops .share .share-pos .box-a .share-down .share-btn:hover i {
    color: #00a1d6;
}

.video-toolbar .ops .share .share-pos .box-b {
    text-align: center;
    padding: 0 0 0 20px;
    border-left: 1px solid #e5e9ef;
    margin-left: 20px;
}

.video-toolbar .ops .share .share-pos .share-address .t {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    text-align: left;
    margin-bottom: 20px;
}

.video-toolbar .ops .share .share-pos .share-address ul li {
    line-height: 20px;
    margin-bottom: 16px;
}

.video-toolbar .ops .share .share-pos .share-address ul li > span {
    text-align: left;
}

.video-toolbar .ops .share .share-pos .share-address ul li .name {
    display: inline-block;
    width: 62px;
    font-size: 13px;
}

.video-toolbar .ops .share .share-pos .share-address ul li input {
    border: 1px solid #ccd0d7;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    padding: 0 4px;
    line-height: 18px;
    height: 18px;
    margin-left: 10px;
    width: 160px;
    vertical-align: middle;
    font-size: 12px;
}

.video-toolbar .ops .share .share-pos .share-address ul li .btn {
    display: inline-block;
    margin-left: -1px;
    line-height: 20px;
    width: 40px;
    cursor: pointer;
    background: #00a1d6;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.video-toolbar .rigth-btn {
    float: right;
    display: flex;
    align-items: center;
}

.video-toolbar .appeal-text {
    float: right;
    cursor: pointer;
    font-size: 12px;
    margin-right: 20px;
    color: #505050;
    transition: color 0.3s;
}

.video-toolbar .appeal-text:hover {
    color: #00a1d6;
}

.video-toolbar .note-tip {
    position: absolute;
    width: 153px;
    top: -47px;
    right: -4px;
    z-index: 999;
}

.video-toolbar .note-btn {
    position: relative;
    margin-right: 25px;
    width: 71px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
}

.video-toolbar .note-btn .iconfont {
    margin-right: 5px;
}

.video-toolbar .note-btn__blue {
    border: 1px solid #00a1d6;
    color: #00a1d6;
    transition: 0.3s;
}

.video-toolbar .note-btn__blue:hover {
    color: #fff;
    background: #00a1d6;
}

.video-toolbar .note-btn__pink {
    border: 1px solid #fb7299;
    color: #fb7299;
    transition: 0.3s;
}

.video-toolbar .note-btn__pink:hover {
    color: #fff;
    background: #fb7299;
}

.video-toolbar .note-btn__gray {
    cursor: default;
    border: 1px solid #d6d6d6;
    color: #d6d6d6;
}

.video-toolbar .note-btn__gray:hover:after {
    flex-wrap: nowrap;
    display: flex;
    position: absolute;
    z-index: 200;
    top: -51px;
    background: #5d5d5d;
    border-radius: 4px;
    padding: 5px 12px;
    line-height: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    content: attr(labelTooltip);
    width: 169px;
}

.video-toolbar .more {
    float: right;
    cursor: pointer;
    color: #757575;
    font-size: 16px;
    display: inline-block;
    transition: all 0.3s;
    position: relative;
    text-align: center;
}

.video-toolbar .more i {
    font-size: 16px;
    vertical-align: baseline;
    color: #757575;
}

.video-toolbar .more:hover .more-ops-list {
    display: block;
}

.video-toolbar:after {
    display: block;
    content: '';
    clear: both;
}

.more-ops-list {
    display: none;
    position: absolute;
    width: 80px;
    left: -65px;
    z-index: 30;
    text-align: center;
    padding: 10px 0;
    background: #ffffff;
    border: 1px solid #e5e9ef;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 2px;
    font-size: 14px;
    color: #222;
}

.more-ops-list li {
    position: relative;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    transition: all 0.3s;
}

.more-ops-list li:hover {
    color: #00a1d6;
    background: #e7e7e7;
}

.more-ops-list .ops-watch-later {
    position: absolute;
    width: 100%;
    height: 34px;
    background: none;
    right: 0;
    bottom: 0;
}

.more-ops-list .ops-watch-later .wl-tips {
    display: none;
}

.more-ops-list .ops-watch-later.added {
    background: none;
}

@keyframes shake {
    2% {
        transform: translate(0.5px, -0.5px) rotate(0.5deg);
    }
    4% {
        transform: translate(-0.5px, 2.5px) rotate(0.5deg);
    }
    6% {
        transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
    }
    8% {
        transform: translate(-1.5px, 0.5px) rotate(1.5deg);
    }
    10% {
        transform: translate(1.5px, 2.5px) rotate(0.5deg);
    }
    12% {
        transform: translate(-1.5px, 2.5px) rotate(1.5deg);
    }
    14% {
        transform: translate(1.5px, 1.5px) rotate(-0.5deg);
    }
    16% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg);
    }
    18% {
        transform: translate(1.5px, 0.5px) rotate(0.5deg);
    }
    20% {
        transform: translate(1.5px, -1.5px) rotate(-0.5deg);
    }
    22% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
    }
    24% {
        transform: translate(-0.5px, -1.5px) rotate(0.5deg);
    }
    26% {
        transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
    }
    28% {
        transform: translate(2.5px, 1.5px) rotate(1.5deg);
    }
    30% {
        transform: translate(0.5px, -0.5px) rotate(1.5deg);
    }
    32% {
        transform: translate(1.5px, 2.5px) rotate(1.5deg);
    }
    34% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
    }
    36% {
        transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
    }
    38% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg);
    }
    40% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }
    42% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg);
    }
    44% {
        transform: translate(-1.5px, 2.5px) rotate(0.5deg);
    }
    46% {
        transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
    }
    48% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg);
    }
    50% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg);
    }
    52% {
        transform: translate(0.5px, 0.5px) rotate(-0.5deg);
    }
    54% {
        transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    }
    56% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg);
    }
    58% {
        transform: translate(0.5px, 1.5px) rotate(1.5deg);
    }
    60% {
        transform: translate(-0.5px, -0.5px) rotate(1.5deg);
    }
    62% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }
    64% {
        transform: translate(0.5px, -0.5px) rotate(1.5deg);
    }
    66% {
        transform: translate(2.5px, 0.5px) rotate(1.5deg);
    }
    68% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg);
    }
    70% {
        transform: translate(0.5px, 2.5px) rotate(1.5deg);
    }
    72% {
        transform: translate(1.5px, -0.5px) rotate(0.5deg);
    }
    74% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg);
    }
    76% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg);
    }
    78% {
        transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
    }
    80% {
        transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
    }
    82% {
        transform: translate(-1.5px, 2.5px) rotate(0.5deg);
    }
    84% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }
    86% {
        transform: translate(-1.5px, 1.5px) rotate(0.5deg);
    }
    88% {
        transform: translate(-0.5px, -0.5px) rotate(1.5deg);
    }
    90% {
        transform: translate(-1.5px, -1.5px) rotate(1.5deg);
    }
    92% {
        transform: translate(2.5px, 1.5px) rotate(0.5deg);
    }
    94% {
        transform: translate(2.5px, 1.5px) rotate(-0.5deg);
    }
    96% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg);
    }
    98% {
        transform: translate(1.5px, 0.5px) rotate(-0.5deg);
    }
    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }
}

.lazy-img {
    background: url() center center no-repeat;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.lazy-img img {
    display: block;
    width: 100%;
    height: 100%;
}

.lazy-img img[src=''] {
    opacity: 0;
}

.video-sections[data-v-609f62a6] {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 12px;
    background: #F4F4F4;
    position: relative;
}

.video-sections .video-sections-head_first-line[data-v-609f62a6] {
    margin: 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-sections .video-sections-head_first-line .first-line-left[data-v-609f62a6] {
    display: flex;
    align-items: center;
}

.video-sections .video-sections-head_first-line .first-line-title[data-v-609f62a6] {
    display: inline-block;
    max-width: 164px;
    font-family: PingFangSC-Regular;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 8px;
    font-size: 16px;
    color: #212121;
    line-height: 24px;
}

.video-sections .video-sections-head_first-line .first-line-title[data-v-609f62a6]:hover {
    color: #00a1d6;
}

.video-sections .video-sections-head_first-line .cur-page[data-v-609f62a6] {
    color: #999999;
    font-size: 12px;
    line-height: 16px;
}

.video-sections .video-sections-head_second-line[data-v-609f62a6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 15px 0;
    color: #999999;
    padding-bottom: 14px;
}

.video-sections .video-sections-head_second-line .second-line_left[data-v-609f62a6] {
    display: flex;
    align-items: center;
}

.video-sections .video-sections-head_second-line .play-num[data-v-609f62a6] {
    margin-right: 8px;
}

.video-sections .video-sections-head_second-line .abstract[data-v-609f62a6] {
    color: #999999;
    font-size: 12px;
    line-height: 16px;
    margin-left: 3px;
}

.video-sections .video-sections-head_second-line .second-line_right[data-v-609f62a6] {
    width: 70px;
    height: 24px;
    border: 1px solid #00A1D6;
    line-height: 24px;
    text-align: center;
    color: #00A1D6;
    border-radius: 2px;
    background: #f4f4f4;
    outline: none;
    cursor: pointer;
}

.video-sections .video-sections-head_second-line .already-fav[data-v-609f62a6] {
    background: #E7E7E7;
    color: #999;
    border: none;
}

.video-sections .video-sections-head_desc[data-v-609f62a6] {
    position: absolute;
    box-sizing: border-box;
    top: 73px;
    right: 79px;
    width: 261px;
    padding: 12px 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: #ffffff;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #505050;
    letter-spacing: 0;
    line-height: 16px;
    z-index: 10;
    visibility: hidden;
}

.video-sections .border-bottom-line[data-v-609f62a6] {
    height: 1px;
    background: #E5E9EF;
    margin: 0 15px;
}

.video-sections .video-sections-content-list[data-v-609f62a6] {
    height: 243px;
    overflow-y: hidden;
}

.video-sections .video-sections-content-list[data-v-609f62a6]:hover {
    overflow-y: scroll;
}

.video-sections .video-sections-content-list:hover .video-sections-item[data-v-609f62a6] {
    margin: 0px 12px 0 16px;
}

.video-sections-item[data-v-609f62a6] {
    width: 288px;
    margin: 0px 16px;
    border-bottom: 1px solid #E5E9EF;
}

.video-sections .video-section-title[data-v-609f62a6] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    font-size: 12px;
    color: #212121;
    background: #F4F4F4;
    cursor: pointer;
}

.video-sections .video-section-title > span[data-v-609f62a6] {
    line-height: 18px;
    font-family: PingFangSC-Regular;
    display: inline-block;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.video-sections .video-section-title .iconfont[data-v-609f62a6] {
    font-size: 18px;
    transition: 0.35s;
    transform: rotate(0deg);
}

.video-sections .video-section-title .arrow-unfold[data-v-609f62a6] {
    transform: rotate(180deg);
}

.video-sections .video-section-list[data-v-609f62a6] {
    overflow: hidden;
    height: 0;
}

.video-sections .video-section-list .video-episode-card[data-v-609f62a6] {
    height: 71px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #fff;
}

.video-sections .video-section-list .video-episode-card__cover[data-v-609f62a6] {
    flex-shrink: 0;
    width: 106px;
    height: 60px;
    margin-right: 10px;
    position: relative;
}

.video-sections .video-section-list .video-episode-card__cover .cover-link-image[data-v-609f62a6] img {
    border-radius: 2px;
}

.video-sections .video-section-list .video-episode-card__info[data-v-609f62a6] {
    width: 172px;
}

.video-sections .video-section-list .video-episode-card__info-title[data-v-609f62a6] {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #212121;
    max-height: 36px;
    line-height: 18px;
    margin-bottom: 8px;
    transition: 0.3s;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
}

.video-sections .video-section-list .video-episode-card__info-title .cur-play-icon[data-v-609f62a6] {
    width: 14px;
    height: 12px;
}

.video-sections .video-section-list .video-episode-card__info__number[data-v-609f62a6] {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
    line-height: 16px;
}

.video-sections .video-section-list .video-episode-card__info-title_indent[data-v-609f62a6] {
    text-indent: -0.5rem;
}

.video-sections .video-section-list .video-episode-card__info-title-playing[data-v-609f62a6] {
    color: #00A1D6;
}

.video-sections .video-section-list .video-episode-card:hover .video-episode-card__info-title[data-v-609f62a6] {
    color: #00A1D6;
}

.video-sections-content-list[data-v-609f62a6]::-webkit-scrollbar {
    width: 4px;
}

.video-sections-content-list[data-v-609f62a6]::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.base-video-sections[data-v-58929800] {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 18px;
    background: #f4f4f4;
    position: relative;
    border-radius: 2px;
}

.base-video-sections .video-sections-head_first-line[data-v-58929800] {
    margin: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.base-video-sections .video-sections-head_first-line .first-line-left[data-v-58929800] {
    display: flex;
    align-items: center;
}

.base-video-sections .video-sections-head_first-line .first-line-left .first-line-title[data-v-58929800] {
    display: inline-block;
    max-width: 149px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px;
    font-size: 16px;
    color: #212121;
    line-height: 20px;
}

.base-video-sections .video-sections-head_first-line .first-line-left .first-line-title[data-v-58929800]:hover {
    color: #00a1d6;
}

.base-video-sections .video-sections-head_first-line .first-line-left .cur-page[data-v-58929800] {
    color: #999999;
    font-size: 12px;
    line-height: 17px;
}

.base-video-sections .video-sections-head_first-line .first-line-right .next-button[data-v-58929800] {
    font-size: 12px;
    line-height: 16px;
    color: #999999;
}

.base-video-sections .video-sections-head_first-line .first-line-right .next-button .switch-button[data-v-58929800] {
    background-color: #9499A0;
    background-color: var(--text3);
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
}

.base-video-sections .video-sections-head_first-line .first-line-right .next-button .switch-button.on[data-v-58929800] {
    background-color: #00A1D6;
    border: 1px solid #00A1D6;
}

.base-video-sections .video-sections-head_second-line[data-v-58929800] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 16px 0;
    color: #9499A0;
    color: var(--text3);
    padding-bottom: 12px;
    font-size: 14px;
    line-height: 16px;
}

.base-video-sections .video-sections-head_second-line .second-line_left[data-v-58929800] {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.base-video-sections .video-sections-head_second-line .play-num[data-v-58929800] {
    margin-right: 8px;
}

.base-video-sections .video-sections-head_second-line .abstract[data-v-58929800] {
    color: #9499A0;
    color: var(--text3);
    line-height: 16px;
    margin-left: 3px;
}

.base-video-sections .video-sections-head_second-line .second-line_right[data-v-58929800] {
    font-size: 12px;
    width: 70px;
    height: 24px;
    border: 1px solid #00A1D6;
    text-align: center;
    color: #00A1D6;
    border-radius: 2px;
    background: #F1F2F3;
    background: var(--bg3);
    outline: none;
    cursor: pointer;
}

.base-video-sections .video-sections-head_second-line .already-fav[data-v-58929800] {
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
    border: none;
}

.base-video-sections .video-sections-head_desc[data-v-58929800] {
    position: absolute;
    box-sizing: border-box;
    top: 73px;
    right: 79px;
    width: 261px;
    padding: 12px 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    letter-spacing: 0;
    line-height: 16px;
    z-index: 10;
    visibility: hidden;
}

.base-video-sections .border-bottom-line[data-v-58929800] {
    height: 1px;
    background: #E3E5E7;
    background: var(--line_regular);
    margin: 0 15px;
}

.base-video-sections .video-sections-content-list[data-v-58929800] {
    max-height: 152px;
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.base-video-sections .video-sections-content-list.has-margin[data-v-58929800] {
    margin-top: 10px;
}

.base-video-sections .video-sections-content-list[data-v-58929800]:hover {
    overflow-y: scroll;
}

.base-video-sections .video-sections-item[data-v-58929800] {
    box-sizing: border-box;
}

.base-video-sections .video-sections-item[data-v-58929800]:last-child {
    border-bottom: none;
}

.base-video-sections .video-section-title[data-v-58929800] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 6px;
    background: #F1F2F3;
    background: var(--bg3);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
}

.base-video-sections .video-section-title > p[data-v-58929800] {
    color: #212121;
    line-height: 18px;
}

.base-video-sections .video-section-title .title[data-v-58929800] {
    padding-left: 10px;
    display: inline-block;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.base-video-sections .video-section-title > img[data-v-58929800] {
    padding-right: 12px;
}

.base-video-sections .video-section-title .arrow-icon[data-v-58929800] {
    fill: #61666D;
    fill: var(--graph_icon);
    transition: transform 0.35s;
    transform: rotate(0deg);
}

.base-video-sections .video-section-title .arrow-unfold[data-v-58929800] {
    transform: rotate(180deg);
    transform-origin: 25% 50%;
}

.base-video-sections .video-section-list[data-v-58929800] {
    overflow: hidden;
    height: 0;
}

.base-video-sections .video-section-list .video-episode-card[data-v-58929800] {
    height: 30px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    padding: 0 6px;
    margin: 4px 0;
    color: #fff;
}

.base-video-sections .video-section-list .video-episode-card__info[data-v-58929800] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    font-size: 14px;
    border-radius: 2px;
    padding: 0 10px;
}

.base-video-sections .video-section-list .video-episode-card__info-title[data-v-58929800] {
    width: 240px;
    color: #212121;
    max-height: 36px;
    line-height: 20px;
    transition: 0.3s;
    white-space: nowrap;
    display: inline-block !important;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
}

.base-video-sections .video-section-list .video-episode-card__info-title .cur-play-icon[data-v-58929800] {
    width: 14px;
    height: 12px;
}

.base-video-sections .video-section-list .video-episode-card__info-duration[data-v-58929800] {
    color: #9499A0;
    color: var(--text3);
}

.base-video-sections .video-section-list .video-episode-card__info-title_indent[data-v-58929800] {
    text-indent: -0.5rem;
}

.base-video-sections .video-section-list .video-episode-card__info-playing[data-v-58929800] {
    color: #00a1d6;
    background-color: #fff;
}

.base-video-sections .video-section-list .video-episode-card__info-playing .video-episode-card__info-title[data-v-58929800] {
    color: #00a1d6;
}

.base-video-sections .video-section-list .video-episode-card:hover .video-episode-card__info-title[data-v-58929800] {
    color: #00a1d6;
}

.base-video-sections .video-section-list .video-episode-card[data-v-58929800]:nth-child(1) {
    margin-top: 8px;
}

.video-sections ::-webkit-scrollbar {
    width: 4px;
}

.video-sections-content-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.video-page-card {
    padding: 6px 0;
}

.video-page-card .card-box {
    display: flex;
}

.video-page-card .card-box .pic-box {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 2px;
    background: #f4f5f7;
}

.video-page-card .card-box .pic-box .pic {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    width: 141px;
    height: 80px;
}

.video-page-card .card-box .pic-box .pic img {
    width: 141px;
    height: 80px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.video-page-card .card-box .pic-box .pic img[src=''] {
    opacity: 0;
}

.video-page-card .card-box .pic-box .mask-video {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s;
    pointer-events: none;
}

.video-page-card .card-box .pic-box .duration {
    opacity: 0;
    position: absolute;
    bottom: 2px;
    left: 6px;
    color: #fff;
    height: 12px;
    line-height: 12px;
    padding: 0 5px 1px 0;
    transition: all 0.3s;
    z-index: 5;
}

.video-page-card .card-box .pic-box .watch-later-video {
    transition: opacity 0.3s;
    opacity: 0;
}

.video-page-card .card-box .pic-box:hover .watch-later-video {
    transition-delay: 0.3s;
    opacity: 1;
}

.video-page-card .card-box .pic-box:hover .mask-video {
    opacity: 1;
}

.video-page-card .card-box .pic-box:hover .duration {
    opacity: 1;
}

.video-page-card .card-box .info {
    margin-left: 10px;
    flex: 1;
    font-size: 0;
}

.video-page-card .card-box .info .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 18px;
    margin-bottom: 6px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.video-page-card .card-box .info .count {
    display: inline-block;
    height: 16px;
    width: 100%;
    color: #999;
    font-size: 12px;
}

.video-page-card .card-box .info .count a {
    color: #999;
}

.video-page-card .card-box .info .count.up {
    width: 160px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-page-card .card-box .info .pre-mask {
    background: #f4f5f7;
    border-radius: 2px;
}

.video-page-card .card-box .info .pre-mask i {
    display: none;
}

.video-page-game-card[data-v-7820c02e] {
    padding: 6px 0;
}

.card-box[data-v-7820c02e] {
    display: flex;
    cursor: pointer;
}

.pic-box[data-v-7820c02e] {
    position: relative;
    width: 102px;
    height: 102px;
    border-radius: 2px;
    margin: 0 20px;
    background: #f4f5f7;
}

.pic-box .pic[data-v-7820c02e] {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    width: 102px;
    height: 102px;
}

.pic-box .pic img[data-v-7820c02e] {
    width: 100%;
    height: 100%;
}

.pic-box .pic img[src=''][data-v-7820c02e] {
    opacity: 0;
}

.info[data-v-7820c02e] {
    margin-left: 10px;
    flex: 1;
    font-size: 0;
}

.info .title[data-v-7820c02e] {
    width: 160px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info .book-count[data-v-7820c02e] {
    margin-bottom: 4px;
    display: inline-block;
    height: 16px;
    width: 100%;
    color: #999999;
    font-size: 12px;
}

.info .grade[data-v-7820c02e] {
    display: flex;
    align-items: center;
    height: 16px;
    width: 100%;
    color: #999999;
    font-size: 12px;
}

.info .enter-button[data-v-7820c02e] {
    transition: all 0.3s;
    margin-top: 12px;
    display: inline-block;
    width: 72px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #00a1d6;
    font-size: 12px;
    color: #00a1d6;
}

.info .count[data-v-7820c02e] {
    display: inline-block;
    height: 16px;
    width: 100%;
    color: #999999;
    font-size: 12px;
}

.info .count a[data-v-7820c02e] {
    color: #999999;
}

.info .count.up[data-v-7820c02e] {
    width: 160px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info .pre-mask[data-v-7820c02e] {
    background: #f4f5f7;
    border-radius: 2px;
    border: none;
}

.info .pre-mask i[data-v-7820c02e] {
    display: none;
}

.video-page-game-card .grade .van-rate {
    display: inline-block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 4px;
}

.video-page-game-card .grade .van-rate .van-rate-star {
    font-size: 16px;
    margin-right: 1px;
    vertical-align: unset;
}

.video-page-special-card[data-v-91571770] {
    padding: 0 0 6px;
}

.card-box[data-v-91571770] {
    display: flex;
}

.pic-box[data-v-91571770] {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 2px;
    background: #f4f5f7;
}

.pic-box .pic[data-v-91571770] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 2px;
    width: 141px;
    height: 80px;
}

.pic-box .pic img[data-v-91571770] {
    width: 100%;
    height: 100%;
}

.pic-box .pic img[src=''][data-v-91571770] {
    opacity: 0;
}

.info[data-v-91571770] {
    margin-left: 10px;
    flex: 1;
    font-size: 0;
}

.info .title[data-v-91571770] {
    cursor: pointer;
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.info .desc[data-v-91571770] {
    display: inline-block;
    height: 16px;
    width: 100%;
    color: #999;
    font-size: 12px;
}

.info .pre-mask[data-v-91571770] {
    background: #f4f5f7;
    border-radius: 2px;
}

.info .pre-mask i[data-v-91571770] {
    display: none;
}

.video-page-operator-card[data-v-ca80c1c2] {
    padding: 0 0 6px;
}

.video-page-operator-card .card-box[data-v-ca80c1c2] {
    display: flex;
}

.video-page-operator-card .pic-box[data-v-ca80c1c2] {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 2px;
    background: #f4f5f7;
}

.video-page-operator-card .pic-box .pic[data-v-ca80c1c2] {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    width: 141px;
    height: 80px;
}

.video-page-operator-card .pic-box .pic img[data-v-ca80c1c2] {
    width: 141px;
    height: 80px;
}

.video-page-operator-card .pic-box .pic img[src=''][data-v-ca80c1c2] {
    opacity: 0;
}

.video-page-operator-card .pic-box .mask-video[data-v-ca80c1c2] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s;
    pointer-events: none;
}

.video-page-operator-card .pic-box .duration[data-v-ca80c1c2] {
    opacity: 0;
    position: absolute;
    bottom: 2px;
    left: 6px;
    color: #fff;
    height: 12px;
    line-height: 12px;
    padding: 0 5px 1px 0;
    transition: all 0.3s;
    z-index: 5;
}

.video-page-operator-card .pic-box .watch-later-video[data-v-ca80c1c2] {
    transition: opacity 0.3s;
    opacity: 0;
}

.video-page-operator-card .pic-box:hover .watch-later-video[data-v-ca80c1c2] {
    transition-delay: 0.3s;
    opacity: 1;
}

.video-page-operator-card .pic-box:hover .mask-video[data-v-ca80c1c2] {
    opacity: 1;
}

.video-page-operator-card .pic-box:hover .duration[data-v-ca80c1c2] {
    opacity: 1;
}

.video-page-operator-card .info[data-v-ca80c1c2] {
    margin-left: 10px;
    flex: 1;
    font-size: 0;
}

.video-page-operator-card .info .title[data-v-ca80c1c2] {
    height: 36px;
    line-height: 18px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.video-page-operator-card .info .count[data-v-ca80c1c2] {
    display: inline-block;
    height: 16px;
    width: 100%;
    color: #999;
    font-size: 12px;
}

.video-page-operator-card .info .count a[data-v-ca80c1c2] {
    color: #999;
}

.video-page-operator-card .info .count.up[data-v-ca80c1c2] {
    width: 160px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-page-operator-card .info .pre-mask[data-v-ca80c1c2] {
    background: #f4f5f7;
    border-radius: 2px;
}

.video-page-operator-card .info .pre-mask i[data-v-ca80c1c2] {
    display: none;
}

.recommend-list .rec-title {
    font-size: 16px;
    color: #222;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.recommend-list .split-line {
    width: 100%;
    height: 1px;
    background: #E5E9EF;
    margin: 6px 0 12px;
}

.recommend-list .rec-footer {
    height: 42px;
    background: #F4F5F7;
    color: #6D7579;
    margin-top: 10px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
}

.recommend-list .loading-card {
    margin: 12px 0;
    width: 320px;
    height: 80px;
    display: flex;
}

.recommend-list .loading-card .cover {
    width: 141px;
    height: 80px;
    background: #f4f4f4;
    border-radius: 2px;
}

.recommend-list .loading-card .info {
    margin-left: 10px;
}

.recommend-list .loading-card .info .title {
    width: 169px;
    height: 36px;
    background: #f4f4f4;
    border-radius: 2px;
    margin-bottom: 6px;
}

.recommend-list .loading-card .info .up {
    width: 169px;
    height: 16px;
    background: #f4f4f4;
    border-radius: 2px;
    margin-bottom: 4px;
}

.recommend-list .loading-card .info .desc {
    width: 169px;
    height: 16px;
    background: #f4f4f4;
    border-radius: 2px;
}

.startVR {
    display: none;
}

.endVR {
    display: none;
}

.float-nav {
    position: fixed;
    right: 6px;
    bottom: 100px;
}

.float-nav .nav-menu .nav-btn-item {
    background: #f7f9fa;
    border: 1px solid #e5e9ef;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    margin-bottom: 8px;
    transition: all 0.3s;
    cursor: pointer;
    color: #999;
    text-align: center;
}

.float-nav .nav-menu .nav-btn-item:hover {
    background-color: #00a1d6;
    border-color: #00a1d6;
    color: #fff;
}

.float-nav .nav-menu .backup {
    font-size: 28px;
    line-height: 45px;
}

.float-nav .nav-menu .mini {
    line-height: 18px;
}

.float-nav .nav-menu .mini span {
    display: block;
}

.float-nav .nav-menu .mini span:first-child {
    padding-top: 6px;
}

.float-nav .nav-menu .help {
    font-size: 26px;
    line-height: 45px;
}

#bilibili-player.mini-player {
    width: 400px !important;
    height: 225px !important;
    min-height: auto;
    overflow: visible;
    position: fixed !important;
    top: 426px;
    z-index: 99999;
    margin: 0;
    box-shadow: none;
}

#bilibili-player.mini-player .b-player-gray {
    display: none;
}

#bilibili-player.mini-player .app-banner {
    display: none;
}

#bilibili-player.mini-player:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 400px;
    height: 225px;
    box-shadow: #ddd 0 0 5px;
    z-index: -1;
    border-radius: 4px;
}

#bilibili-player.mini-player .player {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    width: 400px !important;
    height: 225px !important;
    left: 0;
    overflow: hidden;
}

#bilibili-player.mini-player .move {
    width: 400px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #fff;
    z-index: 6001;
    display: none;
    box-shadow: #ddd 0 0 5px;
    cursor: move;
}

#bilibili-player.mini-player .move.on {
    height: 30px;
    box-shadow: #ddd 0 0 5px;
}

#bilibili-player.mini-player:hover .mini-player-drag-mask {
    opacity: 1;
}

#bilibili-player.mini-player .mini-player-drag-mask {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    cursor: move;
    z-index: 10;
    border-radius: 4px;
}

.float-nav__btn--fixed {
    position: fixed;
    right: 6px;
    bottom: 43px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f7f9fa;
    border: 1px solid #e5e9ef;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    margin-bottom: 8px;
    transition: all 0.3s;
    cursor: pointer;
    color: #999;
    text-align: center;
}

.float-nav__btn--fixed:hover {
    background-color: #00a1d6;
    border-color: #00a1d6;
    color: #fff;
}

.tag-channel-cancel-popup {
    z-index: 12;
    position: absolute;
    background: #fff;
    padding: 20px 10px 10px 10px;
    min-width: 120px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    right: 0px;
    top: 35px;
}

.tag-channel-cancel-popup p {
    font-size: 14px;
    color: #222;
    margin-bottom: 20px;
}

.tag-channel-cancel-popup a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
}

.tag-channel-cancel-popup a.btn-ok {
    color: #fff;
    background: #00a1d6;
    margin-right: 5px;
}

.tag-channel-cancel-popup a.btn-no {
    color: #222;
    background: #e5e9ef;
    margin-left: 5px;
}

.tag-del-popup {
    z-index: 12;
    position: absolute;
    background: #fff;
    padding: 30px 20px 20px 20px;
    min-width: 120px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    right: 0px;
    top: 0px;
}

.tag-del-popup p {
    font-size: 12px;
    color: #222;
    margin-bottom: 20px;
}

.tag-del-popup a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
}

.tag-del-popup a.btn-ok {
    color: #fff;
    background: #00a1d6;
    margin-right: 5px;
}

.tag-del-popup a.btn-no {
    color: #222;
    background: #e5e9ef;
    margin-left: 5px;
}

.line-ellipsis[data-v-38c47052] {
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
}

.tag-channel-pane[data-v-38c47052] {
    position: absolute;
    z-index: 11;
    background: #fff;
    margin-left: -10px;
    margin-top: 5px;
    width: 206px;
    min-height: 184px;
    box-sizing: content-box;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.tag-channel-pane .bg-image[data-v-38c47052] {
    width: 100%;
    height: 66px;
    background-position: 50%;
    border-radius: 2px 2px 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.tag-channel-pane .bg-mask[data-v-38c47052] {
    position: absolute;
    width: 100%;
    height: 66px;
    background-position: 50%;
    opacity: 0.6;
    border-radius: 2px 2px 0px 0px;
    top: 0;
}

.tag-channel-pane .channel-cover[data-v-38c47052] {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.05);
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translate(-50%, 0);
}

.tag-channel-pane .content[data-v-38c47052] {
    padding: 0 10px;
}

.tag-channel-pane .channel-info[data-v-38c47052] {
    padding: 24px 10px 10px 10px;
}

.tag-channel-pane .channel-title[data-v-38c47052] {
    font-size: 14px;
    color: #212121;
    font-weight: 500;
    line-height: 18px;
    margin: 0 0 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag-channel-pane .channel-title > img[data-v-38c47052] {
    margin-left: 4px;
}

.tag-channel-pane .channel-desc[data-v-38c47052] {
    font-size: 12px;
    color: #999999;
    height: 18px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    width: 190px;
}

.tag-channel-pane .channel-desc > span[data-v-38c47052] {
    margin: 0px 3px 0 3px;
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
}

.tag-channel-pane .channel-btns[data-v-38c47052] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.tag-channel-pane .channel-btns__link[data-v-38c47052] {
    cursor: pointer;
    width: 66px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #00A1D6;
    border-radius: 2px;
    font-size: 12px;
    color: #00A1D6;
    transition: 0.3s;
}

.tag-channel-pane .channel-btns__link[data-v-38c47052]:hover {
    background: #00A1D6;
    border-radius: 2px;
    color: #fff;
}

.tag-channel-pane .channel-btns__subs[data-v-38c47052] {
    cursor: pointer;
    width: 108px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    margin-left: 8px;
}

.tag-channel-pane .channel-btns__subs .add-icon[data-v-38c47052] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: sub;
}

.tag-channel-pane .channel-btns .is-subs[data-v-38c47052] {
    background: #E7E7E7;
    color: #999999;
    border: 1px solid #E7E7E7;
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
}

.tag-channel-pane .channel-btns .no-subs[data-v-38c47052] {
    color: #FFFFFF;
    background: #00A1D6;
    border: 1px solid #00A1D6;
    transition: 0.3s;
    border-radius: 2px;
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
}

.tag-channel-pane .channel-btns .no-subs[data-v-38c47052]:hover {
    background: #00B5E5;
    border: 1px solid #00B5E5;
}

.tag-channel-pane .channel-btns__subs--delete[data-v-38c47052] {
    margin-top: -6px;
    width: 100%;
    border-top: 1px solid #E7E7E7;
    height: 40px;
    line-height: 40px;
    text-align: right;
    transition: 0.3s;
}

.tag-channel-pane .channel-btns__subs--delete .delete-btn[data-v-38c47052] {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 12px;
    color: #00A1D6;
    background: #fff;
    text-align: center;
}

.tag-channel-pane .channel-btns__subs--delete .delete-btn[data-v-38c47052]:hover {
    background: #E7E7E7;
}

.tag-channel-pane .delete-pop[data-v-38c47052] {
    top: 60px;
}

.tag-report-popup {
    position: absolute;
    margin-left: -10px;
    margin-top: 5px;
    z-index: 12;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: center;
}

.tag-report-popup h3 {
    font-size: 14px;
    color: #222;
    font-weight: bold;
    text-align: left;
}

.tag-report-popup ul {
    padding: 10px 100px 10px 0px;
    cursor: pointer;
    width: 80px;
}

.tag-report-popup ul li {
    line-height: 24px;
    margin: 10px 0;
    text-align: left;
}

.tag-report-popup ul li i {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #ccd0d7;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
}

.tag-report-popup ul li.on i {
    border-color: #00a1d6;
}

.tag-report-popup ul li.on i:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background: #00a1d6;
}

.tag-report-popup .btn-close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: url("//static.hdslb.com/images/base/icons.png") -475px -539px;
}

.tag-report-popup .btn-ok {
    cursor: pointer;
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    background: #00a1d6;
    color: #fff;
    border-radius: 2px;
}

.s_tag .tag-area > li {
    float: left;
    margin: 0 10px 8px 0;
    background: #F6F7F8;
    border-radius: 100px;
    padding: 0 12px;
    position: relative;
    height: 22px;
    line-height: 22px;
    transition: all 0.3s;
    font-size: 12px;
    border: 1px solid transparent;
}

.s_tag .tag-area > li .tag-link,
.s_tag .tag-area > li .topic-link {
    display: inline-block;
    height: 22px;
    color: #61666D;
    position: relative;
    z-index: 10;
    transition: all 0.3s;
}

.s_tag .tag-area > li .topic-link {
    color: #008AC5;
}

.s_tag .tag-area > li.hot1 {
    border-color: #feb4cc;
}

.s_tag .tag-area > li.hot2 {
    border-color: #f25d8e;
}

.s_tag .tag-area > li:hover {
    border-color: #00a1d6;
}

.s_tag .tag-area > li:hover > a {
    color: #00a1d6;
}

.s_tag .tag-area .tag-icon {
    width: 15px;
    margin-right: 5px;
    vertical-align: sub;
}

.s_tag .tag-area .channel-icon {
    width: 11px;
    height: 10px;
    margin-right: 5px;
    vertical-align: baseline;
}

.s_tag .tag-area .channel-name {
    color: #61666D;
}

.s_tag .nothing {
    float: left;
    color: #99a2aa;
    font-size: 12px;
    line-height: 26px;
    margin-right: 10px;
}

.s_tag .btn-add {
    float: left;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #f4f5f7;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
}

.s_tag .btn-add span {
    position: absolute;
    background: #505050;
    transition: all 0.3s;
}

.s_tag .btn-add .one {
    left: 6px;
    top: 11px;
    width: 12px;
    height: 2px;
}

.s_tag .btn-add .two {
    left: 11px;
    top: 6px;
    width: 2px;
    height: 12px;
}

.s_tag .btn-add:hover {
    border-color: #00a1d6;
}

.s_tag .btn-add:hover span {
    background: #00a1d6;
}

.s_tag .ipt {
    float: left;
    width: 158px;
    height: 23px;
    border-radius: 23px;
    background: #f4f5f7;
    border: 1px solid #00a1d6;
    position: relative;
    opacity: 1;
}

.s_tag .ipt.tag-add-enter-active,
.s_tag .ipt.tag-add-leave-active {
    transition: all 0.5s;
}

.s_tag .ipt.tag-add-enter,
.s_tag .ipt.tag-add-leave-to {
    opacity: 0;
    width: 23px;
}

.s_tag .ipt input {
    height: 23px;
    line-height: 23px;
    width: 120px;
    padding: 0 10px;
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
}

.s_tag .ipt.on {
    opacity: 1;
    width: 158px;
}

.s_tag .ipt a {
    position: absolute;
    width: 10px;
    height: 10px;
    background: url('//static.hdslb.com/images/base/icons.png') -539px -539px no-repeat;
    left: 138px;
    top: 6px;
}

.s_tag .ipt .tips {
    margin-top: 5px;
    color: #f00;
}

.s_tag .btn-view-tag {
    margin-top: 10px;
    color: #eceff3;
}

.s_tag .btn-view-tag a {
    color: #505050;
}

.s_tag .btn-view-tag a:hover {
    color: #00a1d6;
}

.s_tag .btn-view-tag span {
    margin: 0 10px;
}

.members-info__header[data-v-6b9382ea] {
    margin-top: 18px;
    cursor: pointer;
    height: 44px;
    background-color: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
}

.members-info__header .title[data-v-6b9382ea] {
    font-size: 16px;
    color: #212121;
}

.members-info__header .btn[data-v-6b9382ea] {
    font-size: 12px;
    color: #505050;
}

.members-info .members-info__container[data-v-6b9382ea] {
    padding: 16px 0 0 0;
    width: 320px;
    display: flex;
    flex-wrap: wrap;
    transition: max-height 0.3s ease, background 1s;
    overflow: hidden;
}

.members-info .members-info__container .up-card[data-v-6b9382ea] {
    width: 60px;
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin: 5px 5px 20px 0;
}

.members-info .members-info__container .up-card[data-v-6b9382ea]:nth-child(5n) {
    margin-right: 0;
}

.members-info .avatar[data-v-6b9382ea] {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f4f5f7;
    position: relative;
}

.members-info .avatar img[data-v-6b9382ea] {
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.members-info .avatar .tag-sponsor[data-v-6b9382ea] {
    white-space: nowrap;
    color: #7E4E00;
    position: absolute;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    background: #FFE1A9;
    padding: 0 3px;
    top: -10px;
    left: 14px;
}

.members-info .avatar .info-sponsor-bling[data-v-6b9382ea] {
    position: absolute;
    width: 38px;
    height: 15px;
    top: -10px;
    right: -10px;
    z-index: 1;
}

.members-info .avatar .info-tag[data-v-6b9382ea] {
    position: absolute;
    background: #fff;
    border: 1px solid #fb7299;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    color: #fb7299;
    padding: 0 3px;
    top: -10px;
    right: -10px;
    white-space: nowrap;
}

.members-info .avatar .attention[data-v-6b9382ea] {
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #FB7299;
    line-height: 14px;
    text-align: center;
    right: -4px;
    bottom: 0;
}

.members-info .avatar .attention i[data-v-6b9382ea] {
    transform: scale(0.75);
    color: #fff;
    font-weight: bold;
}

.members-info .avatar-name__container[data-v-6b9382ea] {
    width: 60px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.members-info .avatar-name__container .name-text[data-v-6b9382ea] {
    font-family: "PingFangSC-Regular", sans-serif;
    line-height: 15px;
    color: #222;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.wide-members[data-v-6b9382ea] {
    width: 320px;
    height: 90px;
}

.wide-members__title[data-v-6b9382ea] {
    height: 24px;
    font-size: 14px;
    color: #212121;
    margin-top: 6px;
    font-weight: 500;
}

.wide-members__title > span[data-v-6b9382ea] {
    margin-left: 5px;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}

.wide-members .avatar-list[data-v-6b9382ea] {
    display: flex;
    align-items: center;
    height: 66px;
    position: relative;
    margin-left: -10px;
}

.wide-members .avatar-list .van-icon-general_enter_s[data-v-6b9382ea]::after {
    content: '';
    height: 60px;
    width: 6px;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    left: -6px;
    top: 0;
}

.wide-members .avatar-list .van-icon-general_back_s[data-v-6b9382ea] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
}

.wide-members .avatar-list .van-icon-general_back_s[data-v-6b9382ea]::after {
    content: '';
    height: 60px;
    width: 6px;
    background: linear-gradient(-270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    right: -6px;
    top: 0;
}

.wide-members .avatar-list .van-icon-general_enter_s[data-v-6b9382ea],
.wide-members .avatar-list .van-icon-general_back_s[data-v-6b9382ea] {
    position: absolute;
    top: 0;
    height: 60px;
    background: #fff;
    line-height: 60px;
    font-size: 18px;
    color: #848484;
    cursor: pointer;
}

.wide-members .avatar-list .van-icon-general_enter_s[data-v-6b9382ea]:hover,
.wide-members .avatar-list .van-icon-general_back_s[data-v-6b9382ea]:hover {
    color: #00a1d6;
}

.wide-members .scroll-panel[data-v-6b9382ea] {
    display: flex;
    overflow: hidden;
    height: 66px;
    width: 100%;
}

.wide-members .scroll-inside[data-v-6b9382ea] {
    width: 100%;
    display: flex;
    height: 66px;
    transition: 1s;
    transform: translateX(0px);
}

.wide-members .avatar[data-v-6b9382ea] {
    cursor: pointer;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 2px 10px 0px 10px;
    flex-shrink: 0;
    border: 2px solid #ffffff;
    position: relative;
}

.wide-members .avatar img[data-v-6b9382ea] {
    cursor: pointer;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.wide-members .avatar .info-tag[data-v-6b9382ea] {
    position: absolute;
    background: #fff;
    border: 1px solid #fb7299;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    color: #fb7299;
    padding: 0 3px;
    top: -2px;
    right: -12px;
    white-space: nowrap;
}

.wide-members .avatar .tag-sponsor[data-v-6b9382ea] {
    white-space: nowrap;
    color: #7E4E00;
    position: absolute;
    background: #fff;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    background: #FFE1A9;
    padding: 0 3px;
    top: -2px;
    left: 14px;
}

.wide-members .avatar .up-name[data-v-6b9382ea] {
    position: absolute;
    bottom: -18px;
    font-size: 12px;
    color: #222;
    width: 60px;
    vertical-align: middle;
    margin-left: -10px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wide-members .avatar .is-vip[data-v-6b9382ea] {
    color: #fb7299;
}

.wide-members .avatar .small-vip[data-v-6b9382ea] {
    color: #62c076;
}

#member-container::-webkit-scrollbar-track {
    background: rgba(245, 245, 245, 0);
}

#member-container::-webkit-scrollbar {
    width: 6px;
    background: rgba(245, 245, 245, 0);
}

#member-container::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0);
}

#member-container:hover::-webkit-scrollbar-track {
    background: #f5f5f5;
}

#member-container:hover::-webkit-scrollbar {
    background: #f5f5f5;
}

#member-container:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

/*!
 * @bilibili/userAvatar
 * version: 1.1.4. Powered by main-frontend
 * ç”¨æˆ·å¤´åƒå…¬å…±ç»„ä»¶.
 * author: wuxiuran
 */
.bili-avatar {
    display: block;
    position: relative;
    background-image: url();
    background-size: cover;
    border-radius: 50%
}

.bili-avatar, .bili-avatar * {
    margin: 0;
    padding: 0
}

.bili-avatar-face {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.bili-avatar-pendent-dom {
    height: 176.48%;
    width: 176.48%;
    position: absolute;
    top: -38.33%;
    left: -38.33%;
    overflow: hidden
}

.bili-avatar-pendent-dom img {
    height: 100%;
    min-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bili-avatar-img {
    border: none;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-img-radius {
    border-radius: 50%
}

.bili-avatar-img:not([src]), .bili-avatar-img[src=""] {
    opacity: 0
}

.bili-avatar-icon--big-vip {
    background-image: url()
}

.bili-avatar-icon--business {
    background-image: url()
}

.bili-avatar-icon--personal {
    background-image: url()
}

.bili-avatar-icon--small-vip {
    background-image: url()
}

.bili-avatar-img.bili-avatar-img-error {
    display: none
}

.bili-avatar-right-icon {
    right: 0
}

.bili-avatar-nft-icon, .bili-avatar-right-icon {
    width: 27.5%;
    height: 27.5%;
    position: absolute;
    bottom: -1px;
    background-size: cover;
    image-rendering: -webkit-optimize-contrast
}

.bili-avatar-nft-icon {
    right: -webkit-calc(27.5% - 1px);
    right: -moz-calc(27.5% - 1px);
    right: calc(27.5% - 1px)
}

.bili-avatar-icon--nft {
    background-image: url(//i0.hdslb.com/bfs/activity-plat/static/20211216/df3e2ff90b315fca2f8d24a29cb68a47/tFsbCWMDtV.gif)
}

@-webkit-keyframes bili-avatar {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

@-moz-keyframes bili-avatar {
    0% {
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -moz-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

@keyframes bili-avatar {
    0% {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
    to {
        -webkit-transform: translate3d(-97.5%, 0, 0);
        -moz-transform: translate3d(-97.5%, 0, 0);
        transform: translate3d(-97.5%, 0, 0)
    }
}

.bili-avatar .bili-avatar-size-80 {
    width: 22px;
    height: 22px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-48, .bili-avatar .bili-avatar-size-50, .bili-avatar .bili-avatar-size-60 {
    width: 18px;
    height: 18px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-36, .bili-avatar .bili-avatar-size-40 {
    width: 14px;
    height: 14px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-24, .bili-avatar .bili-avatar-size-30 {
    width: 12px;
    height: 12px;
    bottom: -1px
}

.bili-avatar .bili-avatar-size-nft-80 {
    width: 22px;
    height: 22px;
    bottom: -1px;
    right: 21px
}

.bili-avatar .bili-avatar-size-nft-48, .bili-avatar .bili-avatar-size-nft-50, .bili-avatar .bili-avatar-size-nft-60 {
    width: 18px;
    height: 18px;
    bottom: -1px;
    right: 17px
}

.bili-avatar .bili-avatar-size-nft-36, .bili-avatar .bili-avatar-size-nft-40 {
    width: 14px;
    height: 14px;
    bottom: -1px;
    right: 13px
}

.bili-avatar .bili-avatar-size-nft-24, .bili-avatar .bili-avatar-size-nft-30 {
    width: 12px;
    height: 12px;
    bottom: -1px;
    right: 11px
}

.up-info .u-face {
    float: left;
    width: 48px;
    height: 48px;
    position: relative;
}

.up-info .u-face .up-face {
    background: #f9f9f9;
}

.up-info .u-face .up-face[src=''] {
    opacity: 0;
}

.up-info .u-face.has-pendant {
    position: relative;
    left: -6px;
}

.up-info .u-face.has-pendant .u-face__avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f4f5f7;
}

.up-info .u-face .u-face__avatar {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f4f5f7;
}

.up-info .u-face .avatar-loaded {
    background-color: transparent;
}

.up-info .u-face .auth {
    position: absolute;
    width: 20px;
    height: 20px;
    right: -2px;
    bottom: -2px;
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/user-auth.png);
    background-repeat: no-repeat;
    z-index: 3;
}

.up-info .u-face .p-auth {
    background-position: -38px -53px;
}

.up-info .u-face .o-auth {
    background-position: -4px -53px;
}

.up-info .u-face .pendant {
    position: absolute;
    overflow: hidden;
    top: -17px;
    left: -17px;
    width: 80px;
    height: 80px;
    z-index: 2;
}

.up-info .u-face .pendant.lazy-img {
    background: none;
}

.up-info .up-info_right {
    width: 256px;
    height: 96px;
    margin-left: 13px;
    float: left;
}

.up-info .up-info_right .name {
    font-size: 14px;
    color: #00a1d6;
}

.up-info .up-info_right .name .live-status {
    display: inline-block;
    text-align: center;
    width: 48px;
    height: 16px;
    line-height: 16px;
    border-radius: 9px;
    color: #fb7299;
    font-size: 12px;
    border: 1px solid #fb7299;
    margin-right: 4px;
    transition: 0.3s;
}

.up-info .up-info_right .name .live-status:hover {
    color: #fff;
    background: #FB7299;
}

.up-info .up-info_right .name .username {
    position: relative;
    font-size: 14px;
    color: #212121;
    font-weight: 500;
    display: inline-block;
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
}

.up-info .up-info_right .name .username .mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.15);
}

.up-info .up-info_right .name .username:not(.is_vip,.small-vip):hover {
    color: #00a1d6;
}

.up-info .up-info_right .name .username.is_vip:hover .mask {
    display: block;
}

.up-info .up-info_right .name .username.small-vip:hover .mask {
    display: block;
}

.up-info .up-info_right .name .username.is-live {
    max-width: 128px;
}

.up-info .up-info_right .name .message {
    margin-left: 12px;
    font-size: 12px;
    color: #505050;
    display: inline-block;
    vertical-align: middle;
}

.up-info .up-info_right .name .message i {
    color: #999;
    font-size: 16px;
    margin-right: 4px;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
}

.up-info .up-info_right .name .message:hover {
    color: #00a1d6;
}

.up-info .up-info_right .name .message:hover i {
    color: #00a1d6;
}

.up-info .up-info_right .name:hover {
    color: #fb7299;
}

.up-info .up-info_right .desc {
    margin-top: 4px;
    width: 256px;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.up-info .btn-panel {
    clear: both;
    display: flex;
    margin-top: 5px;
    white-space: nowrap;
}

.up-info .btn-panel .default-btn {
    box-sizing: border-box;
    padding: 0;
    line-height: 27px;
    height: 27px;
    border-radius: 2px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #f4f4f4;
    position: relative;
}

.up-info .btn-panel .btn-transition {
    transition: 0.3s all;
}

.up-info .btn-panel .video-commonmenu {
    vertical-align: middle;
}

.up-info .btn-panel .charge-btn {
    width: 100px;
    flex-shrink: 0;
    margin: 0 auto;
    margin-right: 10px;
}

.up-info .btn-panel .following-charge-btn {
    background: #fb7299;
    color: #fff;
}

.up-info .btn-panel .following-charge-btn:hover {
    background: #ff85ad;
}

.up-info .btn-panel .not-follow-charge-btn {
    border: 1px solid #fb7299;
    background: #fff;
    color: #fb7299;
}

.up-info .btn-panel .not-follow-charge-btn:hover {
    background: #fb7299;
    color: #fff;
}

.up-info .btn-panel .follow-btn {
    width: 146px;
}

.up-info .btn-panel .van-icon-general_pulldown_s {
    margin-left: 4px;
    font-size: 100%;
}

.up-info .btn-panel .following {
    color: #999999;
    border: 1px solid #e7e7e7;
    background: #e7e7e7;
}

.up-info .btn-panel .not-follow {
    background: #00A1D6;
    color: #fff;
}

.up-info .btn-panel .not-follow i {
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    font-size: 0;
    margin-top: 1px;
}

.up-info .btn-panel .not-follow i.van-icon-general_addto_s {
    font-size: 16px;
}

.up-info .btn-panel .not-follow i img {
    width: 16px;
    height: 16px;
}

.up-info .btn-panel .not-follow:hover {
    background: #00b5e5;
    border-color: #00b5e5;
}

.van-popover.van-followed {
    box-sizing: border-box;
    position: absolute;
    border-radius: 4px;
    border: 1px solid #e5e9ef;
    min-width: 98px;
    padding: 6px 0px;
}

.van-popover.van-followed .follow_dropdown {
    text-align: center;
}

.van-popover.van-followed .follow_dropdown li {
    padding: 0 20px;
    line-height: 40px;
    transition: all 0.3s;
    cursor: pointer;
}

.van-popover.van-followed .follow_dropdown li:hover {
    color: #00a1d6;
    background-color: #e5e9ef;
}

.video-desc {
    position: relative;
}

.video-desc .tip-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.video-desc .tip-info .copyright,
.video-desc .tip-info .argue {
    margin-right: 20px;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}

.video-desc .tip-info .copyright i,
.video-desc .tip-info .argue i {
    font-size: 16px;
    margin-right: 5px;
    color: #fd676f;
    width: 16px;
    vertical-align: top;
}

.video-desc .tip-info .copyright.argue,
.video-desc .tip-info .argue.argue {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100vw - 860px);
    font-weight: 300px;
    padding: 4px 13px 4px 4px;
    border-radius: 2px;
    color: #E78B1F;
    background: #FFF1D3;
}

.video-desc .tip-info .copyright.argue i,
.video-desc .tip-info .argue.argue i {
    color: #E78B1F;
}

.video-desc .desc-info {
    transition: all 0.3s;
    white-space: pre-line;
    transition: height 0.3s;
    font-size: 12px;
    color: #212121;
    letter-spacing: 0;
    line-height: 18px;
    height: 63px;
    width: 573px;
    overflow: hidden;
}

.video-desc .desc-info a {
    color: #00a1d6;
}

.video-desc .desc-info a:hover {
    color: #f25d8e;
}

.video-desc .desc-info.open {
    height: auto;
}

.video-desc .desc-info .mention-user {
    color: #178BCF;
}

.video-desc .toggle-btn {
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
}

.video-desc .toggle-btn span {
    cursor: pointer;
    color: #505050;
}

.video-desc .toggle-btn span:hover {
    color: #00a1d6;
}

.video-desc .subtitle {
    padding-top: 10px;
    color: #999;
}

.video-desc .subtitle a {
    color: #00a1d6;
}

.video-desc .subtitle a:hover {
    color: #f25d8e;
}

.video-desc .subtitle li {
    line-height: 22px;
}

.activity-m {
    margin-top: 20px;
}

.activity-m .inside-wrp {
    font-size: 14px;
    overflow: hidden;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    box-sizing: border-box;
}

.activity-m .inside-wrp .left {
    float: left;
    margin-right: -320px;
    padding-left: 20px;
    padding-right: 320px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.activity-m .inside-wrp .tip {
    margin-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #505050;
}

.activity-m .inside-wrp .tip.hasbtn {
    margin-top: 10px;
}

.activity-m .inside-wrp .right {
    float: right;
}

.activity-m .inside-wrp .right .inside-bg {
    position: relative;
    display: block;
    width: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.activity-m .inside-wrp .right .inside-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(left, #fff, transparent 30%);
    background-image: -moz-linear-gradient(left, #fff, transparent 30%);
    background-image: linear-gradient(to right, #fff, transparent 30%);
}

.activity-m .inside-wrp .l-inside,
.activity-m .inside-wrp .hinter-msg {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.activity-m.act-now .l-inside .hinter-msg {
    line-height: 20px;
}

.activity-m.act-now .l-inside .b-btn-praise {
    margin-top: 12px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background-color: #f25d8e;
    cursor: pointer;
}

.activity-m.act-now .l-inside .b-btn-praise.istip {
    margin-top: 6px;
}

.activity-m.act-now .l-inside .b-btn-praise.voted {
    color: #e5e9ef;
    border: 1px solid;
    background-color: transparent;
    cursor: default;
}

.activity-m.act-now .l-inside .score-wrapper {
    margin-top: 12px;
}

.activity-m.act-now .l-inside .score-wrapper.istip {
    margin-top: 6px;
}

.activity-m.act-now .l-inside .score-wrapper.voted li {
    cursor: default;
    opacity: 1;
}

.activity-m.act-now .l-inside .score-wrapper li {
    float: left;
    margin-right: 10px;
    width: 36px;
    height: 32px;
    background: url("//static.hdslb.com/images/base/icons.png") no-repeat -655px -2126px;
    cursor: pointer;
}

.activity-m.act-now .l-inside .score-wrapper li.hovered {
    background-position: -719px -2126px;
    opacity: 1;
}

.activity-m.act-now .l-inside .score-wrapper li.hovered.opacity {
    opacity: 0.6;
    transition: opacity 0.1s;
}

.activity-m.act-now .inside-bg {
    height: 100px;
}

.activity-m .onlytip {
    line-height: 20px;
    font-size: 14px;
    color: #212121;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.activity-m.act-end .inside-bg {
    height: 100px;
}

.activity-m .b-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    background-color: #f25d8e;
    border: none;
    line-height: 25px;
    padding: 0 15px;
    font-size: 12px;
    margin-top: -1px;
}

.activity-m .b-btn:hover {
    background-color: #ff85ad;
}

.activity-m .b-btn.off {
    cursor: default;
    color: #6d757a;
    background-color: #b8c0cc;
}

.activity-m .b-btn.off:hover {
    color: #6d757a;
    background-color: #b8c0cc;
}

.comment-m .b-btn {
    display: inline;
}

.comment-m .b-head {
    font-size: 18px;
    line-height: 24px;
    color: #222;
    margin: 0 0 20px 0;
}

.comment-m .b-head .del-log {
    float: right;
    font-size: 12px;
    line-height: 24px;
    color: #99a2aa;
}

.comment-m .b-head .results {
    margin-right: 10px;
}

.interact-dialog {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.interact-dialog .bg {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.interact-dialog .con {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -138px;
    margin-top: -138px;
    padding: 16px;
    box-sizing: border-box;
    z-index: 99999;
    background: #FFFFFF;
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    text-align: center;
    width: 274px;
    height: 277px;
}

.interact-dialog .pic {
    width: 242px;
    height: 198px;
}

.interact-dialog .btn {
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    border-radius: 2px;
    width: 156px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #00a1d6;
    margin-top: 10px;
}

.interact-dialog .btn:hover {
    background: #00b5e5;
}

.multi-page {
    position: relative;
    background: #f4f4f4;
    z-index: 1;
}

.multi-page .head-con {
    display: flex;
    color: #222;
    padding: 16px;
    padding-top: 10px;
    padding-bottom: 0;
    align-items: center;
    justify-content: space-between;
}

.multi-page .head-con .head-left {
    display: flex;
    align-items: center;
}

.multi-page .head-con .head-left h3 {
    font-size: 16px;
    font-weight: normal;
    margin-right: 8px;
}

.multi-page .head-con .head-left .cur-page {
    font-size: 12px;
    color: #999999;
    line-height: 16px;
}

.multi-page .head-con .head-left .cur-page input {
    border: 1px solid #999;
    width: 30px;
    padding: 0 3px;
}

.multi-page .head-con .head-left .range-box .paging {
    float: right;
    width: 240px;
}

.multi-page .head-con .head-left .range-box .paging ul {
    float: right;
}

.multi-page .head-con .head-left .range-box .paging li {
    float: left;
    line-height: 16px;
    margin: 4px 6px 3px 6px;
    font-size: 14px;
    color: #6d7579;
    transition: all 0.3s;
    cursor: pointer;
    border-bottom: 1px solid #f6f6f6;
}

.multi-page .head-con .head-left .range-box .paging li:hover {
    color: #03a0d6;
}

.multi-page .head-con .head-left .range-box .paging li.on {
    color: #03a0d6;
    border-color: #03a0d6;
}

.multi-page .head-con .head-left .range-box i {
    cursor: pointer;
    line-height: 24px;
    font-size: 16px;
    margin-left: 10px;
    color: #757575;
}

.multi-page .head-con .head-left .range-box i:hover {
    color: #03a0d6;
}

.multi-page .cur-list {
    padding: 4px 0;
    transition: all 0.3s;
}

.multi-page .cur-list .list-box {
    padding: 0 6px;
    max-height: 340px;
    overflow: auto;
}

.multi-page .cur-list .list-box li {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #6d757a;
    margin: 5px 0;
    transition: all 0.3s;
    border-radius: 3px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}

.multi-page .cur-list .list-box li:hover {
    color: #00a1d6;
    background: #fff;
}

.multi-page .cur-list .list-box li.watched a {
    color: #757575;
}

.multi-page .cur-list .list-box li.on {
    background: #fff;
    padding: 0 10px 0 6px;
}

.multi-page .cur-list .list-box li.on > a {
    color: #03a0d6;
}

.multi-page .cur-list .list-box li.on img {
    height: 14px;
    width: 14px;
    font-size: 14px;
    margin-right: 5px;
}

.multi-page .cur-list .list-box li a {
    display: block;
    color: #212121;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.multi-page .cur-list .list-box li .clickitem {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
}

.multi-page .cur-list .list-box li .link-content {
    display: flex;
    align-items: center;
    flex-shrink: 1;
    overflow: hidden;
}

.multi-page .cur-list .list-box li .page-num {
    margin-right: 10px;
}

.multi-page .cur-list .list-box li .part {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.multi-page .cur-list .list-box li .duration {
    font-size: 12px;
    color: #757575;
    justify-self: flex-end;
}

.multi-page .cur-list .module-box {
    max-height: 340px;
    overflow: auto;
    margin-top: 5px;
    padding: 0 8px;
}

.multi-page .cur-list .module-box li {
    background: #fff;
    float: left;
    width: 64px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #6d7579;
    border: 1px solid #e7e7e7;
    border-radius: 2px;
    margin: 0 1px 8px 8px;
    cursor: pointer;
    transition: all 0.3s;
}

.multi-page .cur-list .module-box li a {
    display: inline-block;
    width: 100%;
}

.multi-page .cur-list .module-box li a > span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.multi-page .cur-list .module-box li.watched a {
    color: #999;
}

.multi-page .cur-list .module-box li:hover {
    color: #03a0d6;
    border-color: #03a0d6;
}

.multi-page .cur-list .module-box li.on {
    color: #fff;
    border-color: #03a0d6;
    background: #03a0d6;
}

.multi-page .cur-list .module-box li.on a {
    color: #fff;
}


#bilibili-player .player {
    height: 100%;
}

.cover-preview-module {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
}

.cover-preview-module.show {
    opacity: 1;
}

.cover-preview-module .cover {
    position: absolute;
    left: 0;
    top: 7px;
    height: 98px;
    width: 100%;
    margin-top: 2px;
}

.cover-preview-module .progress-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    border-width: 4px 8px;
    border-style: solid;
    border-color: #000;
    background: #444;
    box-sizing: border-box;
}

.cover-preview-module .progress-bar span {
    display: block;
    background: #fff;
    height: 2px;
}

.danmu-module {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s;
    pointer-events: none;
}

.danmu-module.show {
    opacity: 1;
}

.danmu-module .dm {
    position: absolute;
    color: #fff;
    left: 100%;
    top: 8px;
    white-space: pre;
    text-shadow: 1px 1px 2px #001;
}

.danmu-module .dm.row2 {
    top: 25px;
}

.watch-later-trigger {
    display: none;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 6px;
    bottom: 4px;
    cursor: pointer;
    background-image: url();
}

.watch-later-trigger.added {
    background-image: url();
}

.watch-later-hint {
    position: absolute;
    font-size: 12px;
    color: #fff;
    border-radius: 4px;
    line-height: 18px;
    padding: 4px 8px;
    z-index: 99999;
    background-color: #000;
    background: rgba(0, 0, 0, 0.8);
}

.spread-module {
    position: relative;
    width: 160px;
    height: 148px;
    font-size: 12px;
    overflow: hidden;
}

.spread-module a {
    text-decoration: none;
}

.spread-module a:hover .t {
    color: #00a1d6;
}

.spread-module .pic {
    position: relative;
    width: 160px;
    height: 100px;
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 4px;
}

.spread-module .pic img {
    margin: 0 auto;
    outline: 0;
}

.spread-module .pic .gg-pic {
    position: absolute;
    right: 0;
    top: 0;
}

.spread-module .pic .dur {
    opacity: 0;
    position: absolute;
    bottom: 2px;
    left: 6px;
    color: #fff;
    height: 12px;
    line-height: 12px;
    padding: 0 5px 1px 0;
    transition: all 0.3s;
}

.spread-module .pic .promote {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    padding: 0 5px 0 5px;
    border-radius: 0 5px 0 0;
    color: white;
    left: 0;
    height: 20px;
    background-color: rgba(0, 0, 0, 0.4);
    line-height: 20px;
}

.spread-module .pic .mask-video {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s;
}

.spread-module .pic .medal {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 24px;
    pointer-events: none;
}

.spread-module .pic .medal.golden {
    background-position: -849px -148px;
}

.spread-module .pic .medal.silvery {
    background-position: -849px -212px;
}

.spread-module .pic .w-later {
    display: none;
}

.spread-module .pic:hover .w-later {
    display: block;
}

.spread-module .t {
    padding-top: 8px;
    height: 40px;
    line-height: 20px;
    transition: all 0.2s linear;
    color: #222;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    text-align: left;
}

.spread-module .num {
    position: absolute;
    width: 100%;
    bottom: 0px;
    height: 20px;
    line-height: 20px;
    color: #99a2aa;
    background-color: #fff;
    transition: all 0.3s;
    font-size: 0px;
}

.spread-module .num i {
    display: inline-block;
    width: 12px;
    height: 12px;
    vertical-align: top;
    margin-right: 5px;
}

.spread-module .num span {
    line-height: 12px;
    height: 14px;
    display: inline-block;
    width: 50%;
    overflow: hidden;
    font-size: 12px;
    vertical-align: bottom;
}

.spread-module .num .play .icon {
    background-position: -282px -90px;
}

.spread-module .num .danmu .icon {
    background-position: -282px -218px;
}

.spread-module:hover .dur {
    opacity: 1;
}

.spread-module:hover .num {
    bottom: -20px;
}

.spread-module:hover .mask-video {
    opacity: 1;
}

.error-related .video-details {
    overflow: hidden;
    padding-left: 140px;
}

.error-related .video-details .like-card {
    margin: 30px 20px 30px 0;
    float: left;
}

.error-related .error {
    width: 100%;
    height: 40px;
}

.error-related .error.details {
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/not_fang.png) center no-repeat;
}

.error-body {
    background: #f4f5f7;
    padding: 30px;
}

.error-container {
    width: 980px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
}

.error-container .error-panel {
    padding: 40px 0;
    display: flex;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.error-container .error-panel .error-msg {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.error-container .error-panel .error-msg:after {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.error-container .error-panel .error-msg .error-img {
    width: 160px;
    height: 100px;
    margin: 0 auto;
}

.error-container .error-panel .error-msg .error-prompt {
    padding: 40px 0 0 0;
    text-align: center;
}

.error-container .error-panel .tips-img {
    width: 416px;
    height: 234px;
    margin-left: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-container .error-panel .tips-img img {
    max-width: 100%;
    max-height: 100%;
}

.error-container .msg-text {
    max-width: 350px;
    font-family: PingFangSC-Regular, MicrosoftYaHei;
    font-size: 14px;
    color: #505050;
    line-height: 21px;
}

.error-container .error-text {
    font-size: 26px;
    color: #212121;
    line-height: 26px;
    font-weight: bolder;
    padding: 0 0 12px 0;
}

.error-container .big-btn {
    display: inline-block;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    background: #00a1d6;
    color: #fff;
    border-radius: 2px;
    font-size: 16px;
    transition: 0.2s;
    cursor: pointer;
}

.error-container .big-btn:hover {
    background: #00b5e5;
}

.error-container .big-btn.go-home {
    width: 100px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 3px 10px;
    margin-top: 30px;
}

.error-container .big-btn.verybig {
    margin-top: 30px;
    padding: 2px 50px;
}

.error-container .error {
    width: 100%;
    height: 40px;
}

.error-container .error.split {
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/have_rest.png) center no-repeat;
}

.error-container .error-manga {
    position: relative;
    text-align: center;
    padding: 30px;
}

.error-container .error-manga .img-box {
    width: 698px;
    margin: 0 auto;
}

.error-container .error-manga .img-box img {
    width: 100%;
}


.ad-report[data-v-6e67b0e4] {
    min-width: 1px;
    min-height: 1px;
    display: block;
}

.ad-floor[data-v-bfde4ce6] {
    position: relative;
}

.ad-floor img[data-v-bfde4ce6] {
    border-radius: 5px;
}

.ad-floor .lazy-img[data-v-bfde4ce6] {
    background: none;
}

@media screen and (max-width: 1400px) {
    .ad-floor[data-v-bfde4ce6] {
        width: 980px;
        max-height: 80px;
    }
}

.ad-floor .gg-pic[data-v-bfde4ce6] {
    position: absolute;
    left: 0;
    bottom: 4px;
}

.slide-ad[data-v-dc5ae6da] {
    min-height: 1px;
}

.slide-gg[data-v-dc5ae6da] {
    position: relative;
    width: 320px;
    height: 186px;
    overflow: hidden;
    border-radius: 2px;
    background: #f4f5f7;
    margin-bottom: 20px;
}

.slide-gg .gg-pic[data-v-dc5ae6da] {
    position: absolute;
    left: 3px;
    bottom: 3px;
}

.slide-gg .item-box[data-v-dc5ae6da] {
    z-index: 1;
    /* fix van-slide mountedä¹‹å‰å®½é«˜ä¸º0çš„é—®é¢˜ */
    width: 320px !important;
    height: 186px !important;
}

.slide-gg .item-box .item .link[data-v-dc5ae6da] {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.slide-gg .slide-trig[data-v-dc5ae6da] {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 2;
}

.slide-gg .slide-trig span[data-v-dc5ae6da] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    margin-right: 6px;
    cursor: pointer;
}

.slide-gg .slide-trig span.on[data-v-dc5ae6da] {
    background: #00a1d6;
}

.slide-gg .close-btn[data-v-dc5ae6da] {
    z-index: 2;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
}

.slide-gg .close-btn i[data-v-dc5ae6da] {
    color: #999;
    font-size: 12px;
}

.vcd-wrapper[data-v-f972261c] {
    min-height: 1px;
}

.vcd-wrapper > a[data-v-f972261c] {
    display: block;
    min-height: 1px;
}

.vcd[data-v-f972261c] {
    box-sizing: border-box;
    margin-bottom: 20px;
    height: 80px;
    display: flex;
}

.vcd .cover[data-v-f972261c] {
    margin-right: 10px;
    border-radius: 2px;
    width: 141px;
    background: #f4f5f7;
}

.vcd .cover .cover-img[data-v-f972261c] {
    width: 141px;
    height: 80px;
    border-radius: 2px;
}

.vcd .info[data-v-f972261c] {
    height: 80px;
    width: 169px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.vcd .info .title[data-v-f972261c] {
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 18px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.vcd .info .rest[data-v-f972261c] {
    font-size: 12px;
    color: #999999;
    letter-spacing: 0;
    line-height: 16px;
    height: 17px;
    display: flex;
}

.vcd .info .rest .mark[data-v-f972261c] {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
}

.vcd .info .rest .mark > span[data-v-f972261c] {
    position: absolute;
    box-sizing: border-box;
    width: 56px;
    height: 32px;
    font-size: 20px;
    line-height: 20px;
    padding: 4px 7px;
    border: 2px solid #999;
    border-radius: 6px;
    word-break: keep-all;
    transform: scale(0.5) translate(-50%, -50%);
}

.vcd .info .rest .ad-icon[data-v-f972261c] {
    margin-right: 6px;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.vcd .info .rest .desc[data-v-f972261c] {
    display: inline-block;
    align-self: center;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    word-break: keep-all;
    vertical-align: middle;
}

.video-ad-creative-card {
    padding: 6px 0;
}

.video-ad-creative-card .card-box {
    display: flex;
}

.video-ad-creative-card .card-box .pic-box {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 2px;
    background: #f4f5f7;
}

.video-ad-creative-card .card-box .pic-box .pic {
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    width: 141px;
    height: 80px;
}

.video-ad-creative-card .card-box .pic-box .pic > img {
    width: 141px;
    height: 80px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.video-ad-creative-card .card-box .pic-box .pic > img[src=''] {
    opacity: 0;
}

.video-ad-creative-card .card-box .pic-box .mask-video {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s;
    pointer-events: none;
}

.video-ad-creative-card .card-box .pic-box .duration {
    opacity: 0;
    position: absolute;
    bottom: 2px;
    left: 6px;
    color: #fff;
    height: 12px;
    line-height: 12px;
    padding: 0 5px 1px 0;
    transition: all 0.3s;
    z-index: 5;
}

.video-ad-creative-card .card-box .pic-box .watch-later-video {
    transition: opacity 0.3s;
    opacity: 0;
}

.video-ad-creative-card .card-box .pic-box:hover .watch-later-video {
    transition-delay: 0.3s;
    opacity: 1;
}

.video-ad-creative-card .card-box .pic-box:hover .mask-video {
    opacity: 1;
}

.video-ad-creative-card .card-box .pic-box:hover .duration {
    opacity: 1;
}

.video-ad-creative-card .card-box .info {
    margin-left: 10px;
    flex: 1;
    font-size: 0;
}

.video-ad-creative-card .card-box .info .title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    line-height: 18px;
    margin-bottom: 6px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}

.video-ad-creative-card .card-box .info .count {
    display: inline-block;
    height: 16px;
    width: 100%;
    color: #999;
    font-size: 12px;
}

.video-ad-creative-card .card-box .info .count a {
    color: #999;
}

.video-ad-creative-card .card-box .info .count .ad-icon {
    vertical-align: text-bottom;
    width: 52px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
}

.video-ad-creative-card .card-box .info .count.up {
    width: 160px;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.video-ad-creative-card .card-box .info .pre-mask {
    background: #f4f5f7;
    border-radius: 2px;
}

.video-ad-creative-card .card-box .info .pre-mask i {
    display: none;
}

#biliMainHeader[data-v-73192b08] {
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    position: relative;
    z-index: 1000;
    margin: 0;
    padding: 0;
}

#biliMainHeader > *[data-v-73192b08] {
    box-sizing: border-box;
}

.mini-header[data-v-73192b08] {
    z-index: 1;
    width: 100%;
    height: 56px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.mini-header__content[data-v-73192b08] {
    padding: 10px 24px;
    line-height: 30px;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.nav-link .nav-link-ul[data-v-73192b08] {
    height: 36px;
    display: flex;
    align-items: center;
}

.nav-link-item[data-v-73192b08] {
    margin-right: 12px;
}

.nav-link-item .link[data-v-73192b08] {
    font-size: 14px;
    color: #212121;
    text-shadow: none;
    line-height: 32px;
    white-space: nowrap;
    display: flex;
}

.navbar_logo[data-v-73192b08] {
    width: 70px;
    height: 32px;
    margin-right: 16px;
}

.navbar_pullup[data-v-73192b08] {
    width: 16px;
    height: 16px;
    align-self: center;
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.mini-upload[data-v-73192b08] {
    cursor: pointer;
    position: relative;
    color: #fff;
    font-size: 14px;
    display: block;
    width: 100px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #FB7299;
    border-radius: 2px;
    margin-left: 14px;
}

.header-v3 {
    background-color: #f6f7f8;
}

.header-v3 #app {
    max-width: 2560px;
    margin: 0 auto;
}

.header-v3 #biliMainHeader {
    z-index: 1002;
    height: 64px !important;
}

.header-v3 #biliMainHeader .mini-header {
    height: 64px !important;
}

.fixed-header .bili-header__bar {
    box-sizing: border-box;
    position: fixed;
    top: 0;
}

.bili-header .bili-header__bar {
    position: absolute;
    top: 0;
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    max-width: 2560px;
    width: 100%;
    height: 64px;
}

.mini-header {
    z-index: 1;
    width: 100%;
    height: 56px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.bili-header .left-entry {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 40px;
}

.bili-header .left-entry__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 20px;
    height: 56px;
    font-size: 14px;
    color: #18191c;
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .bili-header .left-entry__title .mini-header__logo {
        margin-right: 10px !important;
    }
}

.bili-header .left-entry__title .mini-header__logo {
    color: #fff;
    margin-right: 25px;
    width: 60px;
    cursor: pointer;
    color: #00aeec;
}

.bili-header .left-entry .default-entry {
    display: inline-block;
    height: 64px;
    line-height: 64px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    color: #18191c;
    margin-right: 20px;
}

@media (min-width: 1701px) and (max-width: 2559px) {
    .bili-header .left-entry .default-entry {
        margin-right: 20px !important;
    }
}

@media (min-width: 1100px) and (max-width: 1366px) {
    .bili-header .left-entry .default-entry {
        margin-right: 10px !important;
    }
}

@media (max-width: 1099px) {
    .bili-header .left-entry .default-entry {
        margin-right: 20px;
    }
}

.right-entry {
    display: flex;
    align-items: center;
    margin-left: 50px;
}

.bili-header .right-entry .right-entry-item {
    display: block;
    flex-shrink: 0;
    margin-right: 4px;
    min-width: 50px;
    text-align: center;
    cursor: pointer;
}

.bili-header .header-upload-entry {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 16px;
    width: 90px;
    height: 34px;
    border-radius: 8px;
    background: #fb7299;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
    transition: background-color 0.3s;
}

@media screen and (max-width: 1279.9px) {
    .bili-header .header-upload-entry {
        width: 34px;
        height: 34px;
    }

    .bili-header .header-upload-entry span {
        display: none;
    }

    .bili-header .header-upload-entry .header-upload-entry__icon {
        margin-right: 0;
    }
}

.bili-header .header-upload-entry__icon {
    margin-right: 5px;
    color: #fff;
}

.mini-header__arrow {
    margin-left: 5px;
}

.user-card-m {
    font-size: 12px;
    position: absolute;
    z-index: 2000;
    box-shadow: 0 0 30px 2px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    width: 366px;
    background: #fff;
    transition: all 0.3s;
    box-sizing: border-box;
}

.user-card-m a {
    text-decoration: none;
}

.user-card-m p {
    margin: 0;
}

.user-card-m .loading {
    min-height: 230px;
}

.user-card-m .loading .mc1 {
    background: #f9f9f9;
    height: 120px;
}

.user-card-m .loading .mc2 {
    padding: 0 0 0 100px;
    position: relative;
}

.user-card-m .loading .mc3 {
    background: #f9f9f9;
    height: 24px;
    margin-top: 12px;
}

.user-card-m .loading .mc4 {
    position: absolute;
    width: 80px;
    height: 60px;
    background: #f9f9f9;
    top: 0;
    left: 0;
}

.user-card-m .bg {
    width: 100%;
    height: 85px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.user-card-m .user-info-wrapper {
    position: relative;
    display: flex;
    padding: 0 20px 16px 10px;
}

.user-card-m .user-info-wrapper .face {
    position: relative;
    top: 10px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background-color: #fff;
    margin-right: 12px;
}

.user-card-m .user-info-wrapper .face img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.user-card-m .user-info-wrapper .face .auth {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 0;
    top: 34px;
}

.user-card-m .user-info-wrapper .info p {
    margin: 0;
    color: #222;
}

.user-card-m .user-info-wrapper .info .sign {
    line-height: 18px;
    color: #99a2aa;
    word-break: break-all;
    word-wrap: break-word;
}

.user-card-m .user-info-wrapper .info .social {
    margin-bottom: 10px;
}

.user-card-m .user-info-wrapper .info .social a {
    color: #222;
    margin-right: 18px;
}

.user-card-m .user-info-wrapper .info .social .tip_text {
    color: #9499A0;
    margin-left: 3px;
}

.user-card-m .user-info-wrapper .info .official-wrapper {
    font-size: 12px;
    color: #9499A0;
    line-height: 18px;
    margin-bottom: 8px;
}

.user-card-m .user-info-wrapper .info .official-wrapper .official-icon {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    vertical-align: sub;
}

.user-card-m .user-info-wrapper .info .user {
    font-size: 14px;
    font-weight: bold;
    margin-top: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.user-card-m .user-info-wrapper .info .user .name {
    color: #222;
    max-width: 160px;
    margin-right: 4px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-card-m .user-info-wrapper .info .user .user-sex {
    margin-right: 5px;
}

.user-card-m .user-info-wrapper .info .user .user-label {
    display: inline-block;
    box-sizing: border-box;
    max-width: 58px;
    height: 16px;
    color: #fff;
    background: #FF6699;
    border-radius: 2px;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
}

.user-card-m .user-info-wrapper .info .user .user-label .label-size {
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center;
    transform: scale(0.83);
}

.user-card-m .user-info-wrapper .info .level {
    display: inline-block;
    width: 25px;
    height: 14px;
    display: flex;
}

.user-card-m .user-info-wrapper .info .level.senior {
    width: 35px;
    height: 14px;
}

.user-card-m .user-info-wrapper .info .level svg {
    width: 100%;
    height: 100%;
}

.user-card-m .user-info-wrapper .info .btn-box {
    display: flex;
    margin-top: 16px;
}

.user-card-m .user-info-wrapper .info .btn-box a {
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    width: 100px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ccd0d7;
    margin-right: 8px;
    border-radius: 3px;
    color: #6d757a;
    transition: all 0.3s;
    background-color: #e5e9ef;
    font-size: 14px;
}

.user-card-m .user-info-wrapper .info .btn-box a .plus {
    font-size: 16px;
    margin-right: 2px;
}

.user-card-m .user-info-wrapper .info .btn-box a:hover {
    border-color: #00b5e5;
    color: #00a1d6;
}

.user-card-m .user-info-wrapper .info .btn-box .like {
    color: #fff;
    font-weight: normal;
    border-color: #00a1d6;
    background-color: #00a1d6;
}

.user-card-m .user-info-wrapper .info .btn-box .like:hover {
    border-color: #00b5e5;
    background-color: #00b5e5;
    color: #fff;
}

.user-card-m .user-info-wrapper .info .btn-box .liked {
    background-color: #e5e9ef;
    border-color: #e5e9ef;
    color: #6d757a;
}

.user-card-m .user-info-wrapper .info .btn-box .liked:hover {
    background-color: #e5e9ef;
    border-color: #e5e9ef;
    color: #6d757a;
}

.user-card-m .user-info-wrapper .info .btn-box .message {
    background-color: #fff;
}

.user-card-m .vip-red-name {
    color: #fb7299 !important;
}

.user-card-m .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.bili-dialog-m {
    background: rgba(0, 0, 0, 0.65);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10102;
}

.bili-dialog-m .bili-dialog-bomb {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    box-sizing: border-box;
    margin-bottom: 50px;
}

.bili-dialog-m .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.collection-m {
    width: 420px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.collection-m .title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #222;
    border-bottom: 1px solid #e5e9ef;
    text-align: center;
}

.collection-m .title .close {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    height: 50px;
    background: url() no-repeat center;
    cursor: pointer;
}

.collection-m .content {
    padding: 0 36px;
    height: 300px;
    overflow: auto;
}

.collection-m .content .info {
    font-size: 12px;
    color: #99a2aa;
    margin: 14px 0;
}

.collection-m .content .info .uname {
    color: #6d757a;
}

.collection-m .content .group-list {
    max-height: 300px;
    padding-bottom: 14px;
}

.collection-m .content .group-list ul {
    position: relative;
    margin-top: 24px;
    min-height: 210px;
}

.collection-m .content .group-list ul .collection-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.collection-m .content .group-list li {
    padding-bottom: 24px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
}

.collection-m .content .group-list li label {
    cursor: pointer;
    display: block;
}

.collection-m .content .group-list li label .personal {
    color: #999;
}

.collection-m .content .group-list li label.disable {
    color: #ccd0d7;
}

.collection-m .content .group-list li label.disable:hover {
    color: #ccd0d7;
}

.collection-m .content .group-list li label.disable input[type='checkbox'] + i {
    background: url();
}

.collection-m .content .group-list li label.disable input[type='checkbox']:hover + i {
    background: url();
}

.collection-m .content .group-list li label .count {
    float: right;
    color: #6d757a;
    font-size: 12px;
}

.collection-m .content .group-list li input[type='checkbox'] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    vertical-align: middle;
    display: none;
}

.collection-m .content .group-list li input[type='checkbox'] + i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    background: url();
}

.collection-m .content .group-list li input[type='checkbox']:hover + i {
    background: url();
}

.collection-m .content .group-list li input[type='checkbox']:checked + i {
    background: url();
}

.collection-m .content .group-list li input[type='checkbox']:checked:hover + i {
    background: url();
}

.collection-m .content .group-list li .fav-title {
    max-width: 220px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.collection-m .content .group-list li:hover {
    color: #00a1d6;
}

.collection-m .content .group-list .add-group {
    margin-bottom: 5px;
    width: 348px;
}

.collection-m .content .group-list .add-group .add-btn {
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    background: url() no-repeat 10px center;
    font-size: 12px;
    color: #6d757a;
    cursor: pointer;
}

.collection-m .content .group-list .add-group .add-btn:hover {
    border: 1px solid #00a1d6;
}

.collection-m .content .group-list .add-group .fav-add-tip {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    position: absolute;
    top: -52px;
    padding: 0 10px;
    border-radius: 4px;
    color: #fff;
    background: #00a1d6;
}

.collection-m .content .group-list .add-group .fav-add-tip .blue-arrow {
    position: absolute;
    background-image: url('//static.hdslb.com/images/collection/blue-arrow.png');
    background-repeat: no-repeat;
    left: 60px;
    top: 40px;
    width: 14px;
    height: 6px;
}

.collection-m .content .group-list .add-group .fav-add-tip .icon-close {
    display: inline-block;
    margin-left: 10px;
    line-height: 28px;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
    cursor: pointer;
    vertical-align: middle;
    background: url('//static.hdslb.com/images/collection/close-white.png') center no-repeat;
    width: 24px;
    height: 24px;
}

.collection-m .content .group-list .add-group .input-group {
    height: 34px;
    line-height: 34px;
    border: 1px solid #00a1d6;
    border-radius: 4px;
    position: relative;
}

.collection-m .content .group-list .add-group .input-group input {
    border: none;
    font-size: 12px;
    width: 200px;
    margin-left: 10px;
    padding: 0;
    box-shadow: none;
    height: 100%;
}

.collection-m .content .group-list .add-group .input-group .submit {
    float: right;
    height: 34px;
    width: 90px;
    background: #d9f1f9;
    border: none;
    border-left: 1px solid #00a1d6;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: #00a1d6;
    cursor: pointer;
}

.collection-m .bottom {
    height: 76px;
    text-align: center;
    margin: 0 36px;
    border-top: 1px solid #e5e9ef;
}

.collection-m .bottom .btn {
    font-size: 14px;
    width: 160px;
    height: 40px;
    margin-top: 18px;
    background: #00a1d6;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

.collection-m .bottom .btn:hover {
    background: #00b5e5;
}

.collection-m .bottom .btn.disable {
    background-color: #e5e9ef;
    color: #b8c0cc;
}

.collection-m .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.coin-operated-m {
    width: 430px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

.coin-operated-m .close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 16px;
    cursor: pointer;
    background: url() no-repeat center;
}

.coin-operated-m .coin-title {
    font-size: 16px;
    margin-top: 20px;
    color: #222;
    text-align: center;
}

.coin-operated-m .coin-title span {
    font-size: 30px;
    color: #00a1d6;
}

.coin-operated-m .mc {
    text-align: center;
}

.coin-operated-m .mc-box {
    position: relative;
    display: inline-block;
    margin-right: 30px;
    margin-top: 35px;
    width: 160px;
    height: 230px;
    border: 2px dashed #ccd0d6;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.coin-operated-m .mc-box.left-con {
    margin-left: 35px;
    background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-gray.png);
}

.coin-operated-m .mc-box.right-con {
    background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/33-gray.png);
}

.coin-operated-m .mc-box .c-num {
    color: #99a2aa;
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    left: 15px;
}

.coin-operated-m .mc-box:hover {
    border-color: #02a0d8;
}

.coin-operated-m .mc-box.on {
    border-style: solid;
    border-color: #02a0d8;
}

.coin-operated-m .mc-box.on .c-num {
    color: #00a1d6;
}

.coin-operated-m .mc-box.on.left-con {
    background-size: 122px;
    background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22.gif);
}

.coin-operated-m .mc-box.on.right-con {
    background-size: 118px;
    background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/33.gif);
}

.coin-operated-m .like-checkbox {
    margin: 12px 0 0 37px;
    font-size: 12px;
    color: #222222;
    line-height: 16px;
}

.coin-operated-m .like-checkbox input[type='checkbox'] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    display: none;
}

.coin-operated-m .like-checkbox input[type='checkbox'] + i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    background: url();
}

.coin-operated-m .like-checkbox input[type='checkbox']:checked + i {
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/checkbox_selected.svg);
}

.coin-operated-m .coin-bottom {
    text-align: center;
    padding: 25px 0;
}

.coin-operated-m .coin-bottom .b-btn {
    width: 92px;
    height: 22px;
    line-height: 22px;
}

.coin-operated-m .coin-bottom .tips {
    font-size: 12px;
    color: #99a2aa;
    margin-top: 10px;
}

.coin-operated-m .coin-bottom .bi-btn {
    display: inline-block;
    background: #00a1d6;
    color: #fff;
    font-size: 14px;
    padding: 4px 18px;
    border-radius: 4px;
    transition: all 0.3s;
    user-select: none;
    border: 1px solid #00a1d6;
    text-align: center;
    cursor: pointer;
}

.coin-operated-m .coin-bottom .bi-btn:hover {
    color: #fff;
    background: #00b5e5;
    border-color: #00b5e5;
}

.coin-operated-m .coin-bottom .bi-btn:active {
    background: #01769c;
    border-color: #01769c;
}

.coin-operated-m .coin-bottom .bi-btn.text-only {
    color: #00a1d6;
    border-color: transparent;
    background-color: #fff;
}

.coin-operated-m .coin-bottom .bi-btn.text-only:hover {
    border-color: #e5e9ef;
    color: #00a1d6;
    background-color: #e5e9ef;
}

.coin-operated-m .coin-bottom .bi-btn.text-only:active {
    border-color: #e5e9ef;
    color: #00a1d6;
    background-color: #e5e9ef;
}

.appeal-box {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 600px;
    height: 560px;
}

.app-watch {
    border: 1px solid #e5e9ef;
    color: #222;
    background: #fff;
    width: 420px;
    border-radius: 2px;
    z-index: 20;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}

.app-watch .title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #222;
    border-bottom: 1px solid #e5e9ef;
    text-align: center;
}

.app-watch .title .close {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    background: url() no-repeat center;
    cursor: pointer;
}

.app-watch .app-look {
    padding: 30px 20px;
}

.app-watch .app-look .i-t {
    display: flex;
}

.app-watch .app-look .i-t .qrcode {
    width: 100px;
    height: 100px;
    flex: none;
    background: #eee;
}

.app-watch .app-look .i-t .v-title {
    font-size: 14px;
    margin-left: 15px;
    line-height: 22px;
    white-space: normal;
}

.app-watch .app-look .foot-txt {
    text-align: center;
    line-height: 20px;
    margin-top: 20px;
    font-size: 14px;
}

.app-watch .app-look .foot-txt a {
    color: #00a1d6;
}

.q1080p {
    position: relative;
    width: 400px;
    height: 348px;
    border-radius: 4px;
    background-color: #fff;
    padding-top: 36px;
}

.q1080p .close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    right: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: -470px -534px;
}

.q1080p .close:hover {
    background-position: -534px -534px;
}

.q1080p .title {
    text-align: center;
    font-size: 20px;
    height: 26px;
    color: #222;
    line-height: 1;
}

.q1080p .sub-title {
    margin-top: 8px;
    color: #757575;
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
}

.q1080p .pic {
    margin: 20px auto;
    width: 180px;
    height: 180px;
    overflow: hidden;
}

.q1080p .btns {
    text-align: center;
    font-size: 14px;
}

.q1080p .btns .btn-getvip {
    display: inline-block;
    vertical-align: top;
    width: 124px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #ffb000;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    margin: 0 10px;
}

.follow-dialog-wrap {
    width: 420px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.follow-dialog-wrap .follow-dialog-window {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 420px;
    background: #fff;
    left: 50%;
    margin-left: -210px;
    border-radius: 4px;
}

.follow-dialog-wrap .follow-dialog-window .title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #222;
    border-bottom: 1px solid #e5e9ef;
    text-align: center;
}

.follow-dialog-wrap .follow-dialog-window .title .close {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    height: 50px;
    background: url() no-repeat center;
    cursor: pointer;
}

.follow-dialog-wrap .follow-dialog-window .content {
    padding: 0 36px;
}

.follow-dialog-wrap .follow-dialog-window .content .info {
    font-size: 12px;
    color: #99a2aa;
    margin: 14px 0;
}

.follow-dialog-wrap .follow-dialog-window .content .info .uname {
    color: #6d757a;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list {
    max-height: 300px;
    overflow: auto;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list ul {
    position: relative;
    min-height: 185px;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list ul .follow-group-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li {
    padding-bottom: 24px;
    font-size: 14px;
    color: #222;
    cursor: pointer;
    list-style-type: none;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li.special-group {
    padding-bottom: 16px;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li label {
    cursor: pointer;
    display: block;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li label.disable {
    color: #ccd0d7;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li label.disable:hover {
    color: #ccd0d7;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li label.disable input[type="checkbox"] + i {
    background: url();
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li label.disable input[type="checkbox"]:hover + i {
    background: url();
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li .special-tip {
    padding-left: 40px;
    font-size: 12px;
    color: #99a2aa;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li input[type="checkbox"] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    vertical-align: middle;
    display: none;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li input[type="checkbox"] + i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    background: url();
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li input[type="checkbox"]:hover + i {
    background: url();
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li input[type="checkbox"]:checked + i {
    background: url();
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li input[type="checkbox"]:checked:hover + i {
    background: url();
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li:last-child {
    padding-bottom: 0;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li:hover {
    color: #00a1d6;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list li:hover .special-tip {
    color: #99a2aa;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .errmsg {
    color: #fb7299;
    margin: 5px 0 10px 0;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 348px;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .add-btn {
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    border: 1px solid #ccd0d7;
    border-radius: 4px;
    background: url() no-repeat 10px center;
    font-size: 12px;
    color: #6d757a;
    cursor: pointer;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .add-btn:hover {
    border: 1px solid #00a1d6;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group {
    height: 34px;
    line-height: 34px;
    border: 1px solid #00a1d6;
    border-radius: 4px;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group input {
    border: none;
    font-size: 12px;
    width: 200px;
    margin-left: 10px;
    padding: 0;
    box-shadow: none;
    height: 100%;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group .limit {
    float: right;
    margin-right: 10px;
    color: #99a2aa;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .add-group .input-group .submitGroup {
    float: right;
    height: 34px;
    width: 90px;
    background: #d9f1f9;
    border: none;
    border-left: 1px solid #00a1d6;
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: #00a1d6;
    cursor: pointer;
}

.follow-dialog-wrap .follow-dialog-window .content .group-list .empty-tip {
    font-size: 12px;
    color: #6d757a;
    margin-top: 15px;
    display: none;
}

.follow-dialog-wrap .follow-dialog-window .bottom {
    height: 76px;
    text-align: center;
    margin: 0 36px;
    border-top: 1px solid #e5e9ef;
}

.follow-dialog-wrap .follow-dialog-window .bottom .btn {
    font-size: 14px;
    width: 160px;
    height: 40px;
    margin-top: 18px;
    background: #00a1d6;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

.follow-dialog-wrap .follow-dialog-window .bottom .btn:hover {
    background: #00b5e5;
}

.follow-dialog-wrap .follow-dialog-window .bottom .btn:disabled {
    background-color: #f4f5f7;
    color: #ccd0d7;
    transition: all 0.2s;
}

.follow-dialog-wrap .follow-dialog-window .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.bili-toast-m {
    width: 344px;
    height: 69px;
    position: fixed;
    top: 50%;
    left: 50%;
    padding: 18px 16px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 10101;
    border-radius: 2px;
    transform: translateX(-50%);
    background-color: #858585;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.bili-toast-m .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.attention-toast .title {
    font-size: 14px;
    line-height: 14px;
}

.attention-toast .subtitle {
    font-size: 12px;
    color: #ccd0d7;
    margin-top: 6px;
    margin-top: -5px;
}

.attention-toast .attention-btn {
    display: inline-block;
    padding: 0;
    width: 54px;
    height: 24px;
    font-size: 12px;
    margin-left: 18px;
    background: #00a1d6;
    color: #fff;
    border-radius: 4px;
    vertical-align: bottom;
}

.attention-toast .close-btn {
    position: absolute;
    right: 9px;
    top: 9px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background: url(//static.hdslb.com/images/base/icons.png) -475px -539px no-repeat;
}

.pop-live[data-v-1ff9fe29] {
    padding-left: 10px;
}

.pop-live:hover .pl__mask[data-v-1ff9fe29] {
    visibility: visible;
    opacity: 1;
}

.pop-live:hover .pl__mask .pl__live[data-v-1ff9fe29] {
    visibility: visible;
    opacity: 1;
}

.pop-live .pl__head[data-v-1ff9fe29] {
    font-size: 16px;
    line-height: 1;
}

.pop-live .pl__card[data-v-1ff9fe29] {
    position: relative;
    margin-top: 20px;
    border: 1px solid #e5e9ef;
    border-radius: 4px;
    overflow: hidden;
}

.pop-live .pl__cover[data-v-1ff9fe29] {
    display: inline-block;
    width: 318px;
    height: auto;
}

.pop-live .pl__info[data-v-1ff9fe29] {
    box-sizing: border-box;
    height: 75px;
    position: relative;
    padding: 12px 12px 12px 72px;
    color: #222;
}

.pop-live .pl__face[data-v-1ff9fe29] {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
}

.pop-live .pl__title[data-v-1ff9fe29] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}

.pop-live .pl__user[data-v-1ff9fe29] {
    color: #61666e;
    line-height: 1.2;
    margin-top: 10px;
}

.pop-live .pl__name[data-v-1ff9fe29] {
    overflow: hidden;
    width: 80px;
}

.pop-live .pl__online[data-v-1ff9fe29] {
    margin-left: 18px;
    color: #61666e;
}

.pop-live .pl__online .online-icon[data-v-1ff9fe29] {
    display: inline-block;
    margin-right: 3px;
    width: 15px;
}

.pop-live .pl__icon[data-v-1ff9fe29] {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block;
}

.pop-live .pl__icon--user[data-v-1ff9fe29] {
    background: url(//static.hdslb.com/images/base/icons.png) no-repeat -282px -154px;
}

.pop-live .pl__icon--online[data-v-1ff9fe29] {
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/live-eye.png) no-repeat;
}

.pop-live .pl__user__block[data-v-1ff9fe29] {
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 16px;
}

.pop-live .pl__mask[data-v-1ff9fe29] {
    position: absolute;
    top: 0;
    left: 0;
    width: 318px;
    height: calc(100% - 80px);
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px 4px 0 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
}

.pop-live .pl__mask .pl__live[data-v-1ff9fe29] {
    transition: 0.3s all linear;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
    width: 70px;
    height: 24px;
    text-align: center;
}

.pop-live .pl__mask .pl__icon--live[data-v-1ff9fe29] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #f25d8e;
    margin-right: 5px;
    vertical-align: middle;
}

.pop-live .pl__mask .pl__live__text[data-v-1ff9fe29] {
    position: static;
    background-color: transparent;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
    color: #fff;
}

.note-list[data-v-7ff8c16c] {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.note-list-header[data-v-7ff8c16c] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 54px;
    font-size: 16px;
    border-bottom: 1px solid #e5e9ef;
    color: #222;
}

.note-list-close[data-v-7ff8c16c] {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/icon-close.svg) no-repeat center / 100%;
    color: #757575;
    transition: color 0.2s;
    cursor: pointer;
}

.note-list-container[data-v-7ff8c16c] {
    flex-grow: 1;
    padding: 0 20px;
    overflow: auto;
}

.note-list-card[data-v-7ff8c16c] {
    display: flex;
    padding: 12px 0;
}

.note-list-card[data-v-7ff8c16c]:not(:last-of-type) {
    border-bottom: 1px solid #e5e9ef;
}

.note-list-avatar[data-v-7ff8c16c] {
    flex-shrink: 0;
    margin: 6px 15px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.note-list-avatar img[data-v-7ff8c16c] {
    display: block;
    height: 100%;
    width: 100%;
}

.note-list-nickname[data-v-7ff8c16c] {
    margin-top: 3px;
    font-size: 13px;
    line-height: 16px;
}

.note-list-nickname > a[data-v-7ff8c16c] {
    color: #757575;
}

.note-list-summary[data-v-7ff8c16c] {
    display: -webkit-box;
    margin-top: 7px;
    font-size: 12px;
    line-height: 20px;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    color: #212121;
}

.note-list-info[data-v-7ff8c16c] {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 11px;
    line-height: 16px;
}

.note-list-detail[data-v-7ff8c16c] {
    color: #00a1d6;
    transition: color 0.2s;
}

.note-list-detail[data-v-7ff8c16c]:hover {
    color: #00b5e5;
}

.note-list-time[data-v-7ff8c16c] {
    color: #999;
}

.note-list-footer[data-v-7ff8c16c] {
    flex-shrink: 0;
    padding: 11px 20px;
}

.note-list-btn[data-v-7ff8c16c] {
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    border-radius: 2px;
    background: #00a1d8;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.2s;
}

.note-list-btn[data-v-7ff8c16c]:hover {
    background: #00b5e5;
}

.note-list .level[data-v-7ff8c16c] {
    display: inline-block;
    margin-left: 6px;
    width: 22px;
    height: 14px;
    font-size: 0;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.note-list .level.lv0[data-v-7ff8c16c] {
    background-image: url();
}

.note-list .level.lv1[data-v-7ff8c16c] {
    background-image: url();
}

.note-list .level.lv2[data-v-7ff8c16c] {
    background-image: url();
}

.note-list .level.lv3[data-v-7ff8c16c] {
    background-image: url();
}

.note-list .level.lv4[data-v-7ff8c16c] {
    background-image: url();
}

.note-list .level.lv5[data-v-7ff8c16c] {
    background-image: url();
}

.note-list .level.lv6[data-v-7ff8c16c] {
    background-image: url();
}

.v-modal-enter {
    animation: v-modal-in .2s ease
}

.v-modal-leave {
    animation: v-modal-out .2s ease forwards
}

@keyframes v-modal-in {
    0% {
        opacity: 0
    }
}

@keyframes v-modal-out {
    to {
        opacity: 0
    }
}

.v-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #000
}

.van-dialog {
    position: relative;
    margin: 0 auto 50px;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    width: 50%
}

.van-dialog.is-fullscreen {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    overflow: auto
}

.van-dialog__wrapper {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    margin: 0
}

.van-dialog__header {
    padding: 20px 20px 10px
}

.van-dialog__headerbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 16px
}

.van-dialog__headerbtn .van-dialog__close {
    color: #909399
}

.van-dialog__headerbtn:focus .van-dialog__close, .van-dialog__headerbtn:hover .van-dialog__close {
    color: #409eff
}

.van-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #303133
}

.van-dialog__body {
    padding: 30px 20px;
    color: #606266;
    line-height: 24px;
    font-size: 14px
}

.van-dialog__footer {
    padding: 10px 20px 20px;
    text-align: right;
    box-sizing: border-box
}

.van-dialog--center {
    text-align: center
}

.van-dialog--center .van-dialog__body {
    text-align: left;
    text-align: initial;
    padding: 25px 25px 30px
}

.van-dialog--center .van-dialog__footer {
    text-align: inherit
}

.dialog-fade-enter-active {
    animation: dialog-fade-in .3s
}

.dialog-fade-leave-active {
    animation: dialog-fade-out .3s
}

@keyframes dialog-fade-in {
    0% {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
    to {
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes dialog-fade-out {
    0% {
        transform: translateZ(0);
        opacity: 1
    }
    to {
        transform: translate3d(0, -20px, 0);
        opacity: 0
    }
}

.checkbox[data-v-55ebf259] {
    font-size: 0;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox .box[data-v-55ebf259] {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: #fff;
    box-sizing: border-box;
    vertical-align: middle;
}

.checkbox .box.checked[data-v-55ebf259] {
    border: none;
    background: #26abe2 url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/icon-check.svg) no-repeat center / 9px;
}

.checkbox input[data-v-55ebf259] {
    display: none;
}

.van-dialog__wrapper {
    z-index: 100031 !important;
}

.v-modal {
    z-index: 100030 !important;
}

.protocal-dialog {
    background: #fff;
    border-radius: 4px;
}

.protocal-dialog .van-dialog__header {
    padding: 15px 16px;
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
}

.protocal-dialog .van-dialog__title {
    font-size: 16px;
    font-weight: bold;
    color: #212121;
}

.protocal-dialog .van-dialog__headerbtn {
    right: 16px;
    top: 16px;
}

.protocal-dialog .van-dialog__headerbtn .van-dialog__close {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    color: #757575;
}

.protocal-dialog .van-dialog__body {
    padding: 0;
}

.dialog-note-content {
    padding: 24px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #333;
}

.dialog-note-content .checkbox {
    margin-right: 10px;
}

.dialog-note-content p {
    margin-bottom: 14px;
}

.dialog-note-content a {
    color: #00a1d6;
    text-decoration: none;
}

.dialog-note-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.dialog-note-footer .btn {
    width: 130px;
    height: 32px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
}

.dialog-note-footer .btn-cancel {
    line-height: 30px;
    border: 1px solid #e1e1e1;
    color: #000;
}

.dialog-note-footer .btn-confirm {
    line-height: 32px;
    color: #fff;
    background: #20aae2;
}

#header-v3,
#app {
    background-color: #FFFFFF;
    background-color: var(--bg1);
}

#bilibili-player {
    z-index: 10;
}

#bilibili-player embed {
    width: 100%;
    height: 100%;
}

#bilibili-player .player {
    height: 100%;
}

.v-wrap {
    max-width: 1984px;
    min-width: 988px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    background: #fff;
}

.v-wrap .video-toolbar {
    position: relative;
    margin-top: 16px;
}

.v-wrap .video-info {
    height: 96px;
    padding-top: 27px;
    box-sizing: border-box;
}

.v-wrap .up-info {
    box-sizing: border-box;
    height: 96px;
    padding-top: 15px;
    padding-bottom: 12px;
    display: flex;
}

.v-wrap .video-desc {
    margin-top: 16px;
}

.v-wrap .s_tag {
    position: relative;
    clear: both;
    margin-top: 16px;
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e9ef;
}

.v-wrap .activity-m {
    margin-top: 20px;
}

.v-wrap .r-con {
    width: 320px;
    flex: none;
    margin-left: 30px;
}

.v-wrap .danmaku-box {
    margin-bottom: 20px;
}

.v-wrap .danmaku-box.outslide-player {
    margin-bottom: 0;
}

.v-wrap .danmaku-box.outslide-player .danmaku-wrap {
    display: none;
}

.v-wrap .danmaku-wrap {
    min-height: 46px;
    background: #f4f4f4;
}

.v-wrap #comment {
    margin-top: 20px;
    z-index: 0;
    position: relative;
}

.v-wrap #multi_page {
    margin-bottom: 20px;
}

.v-wrap #live_recommand_report {
    margin-top: 25px;
    padding-left: 0;
}

.v-wrap #bannerAd {
    width: 100% !important;
    max-width: 1279px;
    max-height: 106px;
    border-radius: 2px;
}

.v-wrap #bannerAd img {
    border-radius: 2px;
}

.v-wrap #right-bottom-banner {
    margin-top: 25px;
    border-radius: 2px;
    width: 100%;
    height: 160px;
    max-height: 160px;
}

.v-wrap #right-bottom-banner span {
    position: absolute;
    bottom: 3px;
    font-size: 12px;
    left: 10px;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
}

.v-wrap #right-bottom-banner img {
    border-radius: 2px;
}

.v-wrap #right-bottom-banner .gg-pic {
    display: none;
}

body.player-mode-blackmask #heimu {
    z-index: 1002;
}

body.player-mode-blackmask .stardust-video {
    z-index: 129 !important;
}

#comment .bb-comment .no-login .baffle {
    z-index: 10;
}

.stardust-video {
    height: 50px;
    z-index: 200 !important;
}

.stardust-video .bili-wrapper {
    max-width: 1660px;
    min-width: 988px;
    width: auto;
    margin: 0 auto;
}

@media (max-width: 1341px), (max-height: 715px) {
    #v_upinfo .u-info .desc {
        max-width: 360px;
    }
}

@media screen and (max-width: 1124px) {
    #app {
        width: fit-content;
    }

    #internationalHeader {
        max-width: 1124px;
    }
}

.note-bar-btn {
    color: #43494C;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #EBEBF2;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.3s;
}

.note-bar-btn:hover {
    background: #ccccde;
}

.bili-note {
    z-index: 100001;
}

.bili-note .ql-image-preview .img-preview {
    width: 100%;
    height: 100%;
}

.active-note {
    z-index: 100002;
}

.note-list {
    position: absolute;
    z-index: 100000;
    width: 362px;
}

.video-info-v1 {
    height: 94px;
    box-sizing: border-box;
    padding-top: 24px;
}

.video-info-v1 .video-title {
    font-size: 20px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #18191C;
    color: var(--text1);
    line-height: 24px;
    margin-bottom: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-info-v1 .video-title {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-info-v1 .video-data {
    font-size: 13px;
    color: #9499A0;
    color: var(--text3);
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    height: 24px;
    line-height: 18px;
}

.video-info-v1 .video-data > span {
    display: inline-block;
}

.video-info-v1 .video-data .interactive {
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    color: #61666D;
    color: var(--text2);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.video-info-v1 .video-data .interactive svg {
    fill: #9499A0;
    fill: var(--graph_medium);
    margin-right: 2px;
}

.video-info-v1 .video-data .view,
.video-info-v1 .video-data .dm,
.video-info-v1 .video-data .pudate {
    display: inline-flex;
    align-items: center;
    margin-right: 12px;
}

.video-info-v1 .video-data .view svg,
.video-info-v1 .video-data .dm svg,
.video-info-v1 .video-data .pudate svg {
    margin-right: 4px;
    width: 20px;
    height: 20px;
}

.video-info-v1 .video-data .copyright i {
    font-size: 16px;
    margin-right: 2px;
    color: #fd676f;
    width: 16px;
    transform: translateY(1px);
}

.video-info-v1 .video-data .argue {
    font-size: 13px;
    margin-right: 12px;
    border-radius: 2px;
    color: #E58900;
    color: var(--Ye6);
    padding: 0px 6px;
    height: 24px;
    line-height: 24px;
    position: relative;
}

.video-info-v1 .video-data .argue:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-color: var(--Ye5_u);
    opacity: 0.2;
}

.video-info-v1 .video-data .argue i {
    color: #E58900;
    color: var(--Ye6);
    font-size: 16px;
    width: 14px;
    margin-right: 4px;
    transform: translateY(1px);
}

.video-info-v1 .video-data .honor {
    float: left;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    padding: 0px 6px;
    margin-right: 12px;
    position: relative;
}

.video-info-v1 .video-data .honor-icon {
    margin-right: 4px;
}

.video-info-v1 .video-data .honor-icon svg {
    vertical-align: text-bottom;
}

.video-info-v1 .video-data .honor-arrow {
    margin-left: 4px;
}

.video-info-v1 .video-data .honor:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    opacity: 0.1;
}

.video-info-v1 .video-data .honor.honor-rank {
    color: #FF6699;
    color: var(--brand_pink);
    fill: #FF6699;
    fill: var(--brand_pink);
}

.video-info-v1 .video-data .honor.honor-rank:before {
    background-color: #FF6699;
    background-color: var(--brand_pink);
}

.video-info-v1 .video-data .honor.honor-history {
    color: var(--Or5_u);
    fill: var(--Or5_u);
}

.video-info-v1 .video-data .honor.honor-history:before {
    background-color: var(--Or5_u);
}

.video-info-v1 .video-data .honor.honor-weekly {
    color: var(--Ye5_u);
    fill: var(--Ye5_u);
}

.video-info-v1 .video-data .honor.honor-weekly:before {
    background-color: var(--Ye5_u);
}

.video-info-v1 .video-data .item:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media (min-width: 1681px) {
    .video-info-v1 {
        padding-top: 22px;
    }

    .video-info-v1 .video-title {
        font-size: 22px;
        line-height: 29px;
    }

    .video-info-v1 .video-data {
        font-size: 14px;
        line-height: 20px;
    }
}

.video-toolbar-v1 {
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
    padding-top: 16px;
    padding-bottom: 12px;
    height: 28px;
    line-height: 28px;
}

.video-toolbar-v1 .toolbar-left {
    float: left;
    position: relative;
    user-select: none;
    font-size: 13px;
    color: #61666D;
    color: var(--text2);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    display: flex;
    align-items: center;
    height: 100%;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-toolbar-v1 .toolbar-left {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-toolbar-v1 .toolbar-left .long-click-animation {
    position: absolute;
    width: 96px;
    height: 96px;
    left: -32px;
    top: -94px;
    z-index: 100;
    transform-origin: bottom center;
}

.video-toolbar-v1 .toolbar-left .svga-fireworks {
    position: absolute;
    top: -106px;
    left: -46px;
}

.video-toolbar-v1 .toolbar-left .long-click-animation.shake {
    animation: shake 1500ms ease-in-out infinite;
}

.video-toolbar-v1 .toolbar-left .long-click-finish-animation {
    position: absolute;
    width: 96px;
    height: 96px;
    left: -32px;
    top: -100px;
    z-index: 100000;
    transform-origin: bottom center;
}

.video-toolbar-v1 .toolbar-left .long-click-finish-text {
    display: inline-block;
    position: absolute;
    left: 76px;
    top: -56px;
    padding: 11px 12px;
    border-radius: 8px;
    color: #fff;
    font-size: 16px;
    background: #000000;
    line-height: 22px;
    z-index: 101;
}

.video-toolbar-v1 .toolbar-left .long-click-finish-text::after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 10px solid #000000;
    border-bottom: 7px solid transparent;
    left: -8px;
    top: 16px;
}

.video-toolbar-v1 .toolbar-left > span {
    width: 92px;
    margin-right: 8px;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    position: relative;
    display: inline-flex;
    align-items: center;
    fill: #61666D;
    fill: var(--text2);
}

.video-toolbar-v1 .toolbar-left > span .icon {
    width: 28px;
    height: 28px;
    margin-right: 8px;
    flex: none;
}

.video-toolbar-v1 .toolbar-left > span .info-text {
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    white-space: nowrap;
}

.video-toolbar-v1 .toolbar-left > span:hover,
.video-toolbar-v1 .toolbar-left > span.on {
    color: #00AEEC;
    color: var(--brand_blue);
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.video-toolbar-v1 .toolbar-left > span.like .icon.shake {
    animation: shake 1500ms ease-in-out infinite;
}

.video-toolbar-v1 .toolbar-left .svga-top {
    left: -45px;
    top: -125px;
}

.video-toolbar-v1 .toolbar-left .svga-center {
    left: -32px;
    top: -32px;
}

.video-toolbar-v1 .toolbar-left .share {
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    width: 100%;
    height: 100%;
}

.video-toolbar-v1 .toolbar-right {
    float: right;
    display: flex;
    align-items: center;
    color: #61666D;
    color: var(--text2);
    height: 100%;
    font-size: 13px;
}

.video-toolbar-v1 .toolbar-right > div,
.video-toolbar-v1 .toolbar-right > span {
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s;
    fill: #61666D;
    fill: var(--graph_icon);
    color: #61666D;
    color: var(--text2);
}

.video-toolbar-v1 .toolbar-right > div:hover,
.video-toolbar-v1 .toolbar-right > span:hover {
    color: #00AEEC;
    color: var(--brand_blue);
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.video-toolbar-v1 .toolbar-right .manuscript-report svg,
.video-toolbar-v1 .toolbar-right .note-btn svg {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

.video-toolbar-v1 .toolbar-right .manuscript-report {
    margin-right: 18px;
}

.video-toolbar-v1 .toolbar-right .note-btn {
    position: relative;
    margin-right: 12px;
}

.video-toolbar-v1 .toolbar-right .note-btn__gray {
    cursor: default;
    color: #d6d6d6;
}

.video-toolbar-v1 .toolbar-right .note-btn__gray:hover {
    color: #d6d6d6;
}

.video-toolbar-v1 .toolbar-right .note-btn__gray:hover:after {
    flex-wrap: nowrap;
    display: flex;
    position: absolute;
    z-index: 200;
    top: -51px;
    background: #5d5d5d;
    border-radius: 4px;
    padding: 5px 12px;
    line-height: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    content: attr(labelTooltip);
    width: 169px;
}

.video-toolbar-v1 .toolbar-right .more {
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.video-toolbar-v1:after {
    display: block;
    content: '';
    clear: both;
}

@media (min-width: 1681px) {
    .video-toolbar-v1 {
        padding-top: 18px;
        height: 36px;
        line-height: 36px;
    }

    .video-toolbar-v1 .toolbar-left {
        font-size: 14px;
    }

    .video-toolbar-v1 .toolbar-left > span {
        width: 100px;
        line-height: 36px;
        margin-right: 18px;
    }

    .video-toolbar-v1 .toolbar-left > span .icon {
        width: 36px;
        height: 36px;
    }

    .video-toolbar-v1 .toolbar-left .svga-center {
        left: -28px;
        top: -28px;
    }

    .video-toolbar-v1 .toolbar-right {
        font-size: 14px;
    }

    .video-toolbar-v1 .toolbar-right > div {
        height: 24px;
    }

    .video-toolbar-v1 .toolbar-right .manuscript-report svg,
    .video-toolbar-v1 .toolbar-right .note-btn svg {
        width: 24px;
        height: 24px;
    }

    .video-toolbar-v1 .toolbar-right .manuscript-report {
        margin-right: 24px;
    }

    .video-toolbar-v1 .toolbar-right .note-btn {
        margin-right: 20px;
    }
}

.van-popover.van-more {
    position: absolute;
    min-width: 142px;
    text-align: center;
    padding: 12px 0;
    background: #FFFFFF;
    background: var(--bg1_float);
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    border-radius: 8px;
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    box-sizing: border-box;
    z-index: 30;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.van-popover.van-more .more_dropdown li {
    cursor: default;
    height: 40px;
    line-height: 40px;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    padding-left: 29px;
    margin: 0;
    fill: #61666D;
    fill: var(--graph_icon);
    position: relative;
}

.van-popover.van-more .more_dropdown li svg {
    margin-right: 8px;
    width: 18px;
}

.van-popover.van-more .more_dropdown li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.1;
}

.van-popover.van-more .more_dropdown li.manuscript-report {
    border-top: 1px solid #E3E5E7;
    border-top: 1px solid var(--line_regular);
}

.van-popover.van-more .more_dropdown li:hover {
    background: none;
    color: #18191C;
    color: var(--text1);
}

.van-popover.van-more .more_dropdown li:hover:before {
    background-color: #9499A0;
    background-color: var(--graph_medium);
}

.van-popover.van-more .more_dropdown li.note-btn__gray {
    cursor: default;
    color: #d6d6d6;
}

.van-popover.van-more .more_dropdown li.note-btn__gray:hover {
    color: #d6d6d6;
}

.van-popover.van-more .more_dropdown li.note-btn__gray:hover:after {
    flex-wrap: nowrap;
    display: flex;
    position: absolute;
    z-index: 200;
    top: -51px;
    background: #5d5d5d;
    border-radius: 4px;
    padding: 5px 12px;
    line-height: 16px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.85);
    content: attr(labelTooltip);
    width: 169px;
}

.van-popover.van-more .more_dropdown .ops-watch-later {
    position: absolute;
    width: 100%;
    height: 100%;
    background: none;
    right: 0;
    bottom: 0;
    cursor: default;
}

.van-popover.van-more .more_dropdown .ops-watch-later .wl-tips {
    display: none;
}

.van-popover.van-more .more_dropdown .ops-watch-later.added {
    background: none;
}

.van-popover.van-share {
    position: absolute;
    padding: 30px;
    z-index: 30;
    color: #18191C;
    color: var(--text1);
    background: #FFFFFF;
    background: var(--bg1_float);
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    box-sizing: border-box;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    font-size: 12px;
}

.van-popover.van-share .share_dropdown .share-pos {
    display: flex;
    justify-content: space-between;
}

.van-popover.van-share .share_dropdown .share-pos .box-left {
    width: 300px;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-btns {
    display: flex;
    flex-wrap: wrap;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn > input {
    height: 0;
    border: none;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-icon {
    width: 40px;
    height: 40px;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-btns .share-btn-text {
    line-height: 20px;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-link {
    height: 28px;
    background-color: #F6F7F8;
    background-color: var(--bg2);
    border-radius: 6px;
    line-height: 28px;
    display: inline-flex;
    width: 100%;
    padding: 0 12px;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: 7px;
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-link input {
    border: none;
    background-color: #F6F7F8;
    background-color: var(--bg2);
    flex: 1 1 auto;
    color: #61666D;
    color: var(--text2);
}

.van-popover.van-share .share_dropdown .share-pos .box-left .share-link .btn {
    color: #00AEEC;
    color: var(--brand_blue);
    margin-left: 10px;
    cursor: pointer;
}

.van-popover.van-share .share_dropdown .share-pos .box-right {
    text-align: center;
    padding: 0 0 0 20px;
    border-left: 1px solid #E3E5E7;
    border-left: 1px solid var(--line_regular);
    margin-left: 10px;
}

.van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box {
    width: 145px;
    height: 145px;
    background: #FFFFFF;
    border: 1px solid #E3E5E7;
    border: 1px solid var(--line_regular);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 4px;
}

.van-popover.van-share .share_dropdown .share-pos .box-right .qrcode-box .van-qrcode {
    width: 135px;
    height: 135px;
}

.van-popover.van-share .share_dropdown .share-pos .box-right p {
    font-size: 15px;
    line-height: 21px;
    margin-top: 4px;
}

@keyframes shake {
    2% {
        transform: translate(0.5px, -0.5px) rotate(0.5deg);
    }
    4% {
        transform: translate(-0.5px, 2.5px) rotate(0.5deg);
    }
    6% {
        transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
    }
    8% {
        transform: translate(-1.5px, 0.5px) rotate(1.5deg);
    }
    10% {
        transform: translate(1.5px, 2.5px) rotate(0.5deg);
    }
    12% {
        transform: translate(-1.5px, 2.5px) rotate(1.5deg);
    }
    14% {
        transform: translate(1.5px, 1.5px) rotate(-0.5deg);
    }
    16% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg);
    }
    18% {
        transform: translate(1.5px, 0.5px) rotate(0.5deg);
    }
    20% {
        transform: translate(1.5px, -1.5px) rotate(-0.5deg);
    }
    22% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
    }
    24% {
        transform: translate(-0.5px, -1.5px) rotate(0.5deg);
    }
    26% {
        transform: translate(-1.5px, 2.5px) rotate(-0.5deg);
    }
    28% {
        transform: translate(2.5px, 1.5px) rotate(1.5deg);
    }
    30% {
        transform: translate(0.5px, -0.5px) rotate(1.5deg);
    }
    32% {
        transform: translate(1.5px, 2.5px) rotate(1.5deg);
    }
    34% {
        transform: translate(-1.5px, -1.5px) rotate(-0.5deg);
    }
    36% {
        transform: translate(-0.5px, 0.5px) rotate(-0.5deg);
    }
    38% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg);
    }
    40% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }
    42% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg);
    }
    44% {
        transform: translate(-1.5px, 2.5px) rotate(0.5deg);
    }
    46% {
        transform: translate(-0.5px, 2.5px) rotate(-0.5deg);
    }
    48% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg);
    }
    50% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg);
    }
    52% {
        transform: translate(0.5px, 0.5px) rotate(-0.5deg);
    }
    54% {
        transform: translate(-0.5px, -1.5px) rotate(-0.5deg);
    }
    56% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg);
    }
    58% {
        transform: translate(0.5px, 1.5px) rotate(1.5deg);
    }
    60% {
        transform: translate(-0.5px, -0.5px) rotate(1.5deg);
    }
    62% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }
    64% {
        transform: translate(0.5px, -0.5px) rotate(1.5deg);
    }
    66% {
        transform: translate(2.5px, 0.5px) rotate(1.5deg);
    }
    68% {
        transform: translate(1.5px, -0.5px) rotate(1.5deg);
    }
    70% {
        transform: translate(0.5px, 2.5px) rotate(1.5deg);
    }
    72% {
        transform: translate(1.5px, -0.5px) rotate(0.5deg);
    }
    74% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg);
    }
    76% {
        transform: translate(2.5px, -0.5px) rotate(1.5deg);
    }
    78% {
        transform: translate(-1.5px, -0.5px) rotate(-0.5deg);
    }
    80% {
        transform: translate(-1.5px, 0.5px) rotate(-0.5deg);
    }
    82% {
        transform: translate(-1.5px, 2.5px) rotate(0.5deg);
    }
    84% {
        transform: translate(-0.5px, 0.5px) rotate(1.5deg);
    }
    86% {
        transform: translate(-1.5px, 1.5px) rotate(0.5deg);
    }
    88% {
        transform: translate(-0.5px, -0.5px) rotate(1.5deg);
    }
    90% {
        transform: translate(-1.5px, -1.5px) rotate(1.5deg);
    }
    92% {
        transform: translate(2.5px, 1.5px) rotate(0.5deg);
    }
    94% {
        transform: translate(2.5px, 1.5px) rotate(-0.5deg);
    }
    96% {
        transform: translate(2.5px, -0.5px) rotate(0.5deg);
    }
    98% {
        transform: translate(1.5px, 0.5px) rotate(-0.5deg);
    }
    0%,
    100% {
        transform: translate(0, 0) rotate(0);
    }
}

.video-desc-v1 {
    margin: 16px 0;
    position: relative;
}

.video-desc-v1 .desc-info {
    transition: all 0.3s;
    white-space: pre-line;
    transition: height 0.3s;
    font-size: 15px;
    color: #18191C;
    color: var(--text1);
    letter-spacing: 0;
    line-height: 24px;
    overflow: hidden;
}

.video-desc-v1 .desc-info a {
    color: #008AC5;
    color: var(--text_link);
    transition: color 0.3s;
}

.video-desc-v1 .desc-info a:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-desc-v1 .desc-info .mention-user {
    color: #178BCF;
}

.video-desc-v1 .toggle-btn {
    margin-top: 10px;
    font-size: 13px;
    line-height: 18px;
}

.video-desc-v1 .toggle-btn span {
    cursor: pointer;
    color: #61666D;
    color: var(--text2);
}

.video-desc-v1 .toggle-btn span:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-desc-v1 .subtitle {
    padding-top: 6px;
    color: #18191C;
    color: var(--text1);
    font-size: 15px;
    line-height: 21px;
}

.video-desc-v1 .subtitle a {
    color: #008AC5;
    color: var(--text_link);
    transition: color 0.3s;
}

.video-desc-v1 .subtitle a:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

@media (min-width: 1681px) {
    .video-desc-v1 {
        margin: 18px 0;
    }

    .video-desc-v1 .desc-info {
        font-size: 16px;
        line-height: 26px;
    }

    .video-desc-v1 .toggle-btn {
        font-size: 14px;
        line-height: 20px;
    }

    .video-desc-v1 .subtitle li {
        font-size: 16px;
        line-height: 22px;
    }
}

.tag-channel-cancel-popup-exp {
    z-index: 12;
    position: absolute;
    background: #FFFFFF;
    background: var(--bg1);
    padding: 20px 10px 10px 10px;
    min-width: 120px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    right: 0px;
    top: 35px;
}

.tag-channel-cancel-popup-exp p {
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    margin-bottom: 20px;
}

.tag-channel-cancel-popup-exp a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
}

.tag-channel-cancel-popup-exp a.btn-ok {
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00AEEC;
    background: var(--brand_blue);
    margin-right: 5px;
}

.tag-channel-cancel-popup-exp a.btn-no {
    color: #18191C;
    color: var(--text1);
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    margin-left: 5px;
}

.tag-del-popup-exp {
    z-index: 12;
    position: absolute;
    background: #FFFFFF;
    background: var(--bg1);
    padding: 30px 20px 20px 20px;
    min-width: 120px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    right: 0px;
    top: 0px;
}

.tag-del-popup-exp p {
    font-size: 12px;
    color: #18191C;
    color: var(--text1);
    margin-bottom: 20px;
}

.tag-del-popup-exp a {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 2px;
}

.tag-del-popup-exp a.btn-ok {
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00AEEC;
    background: var(--brand_blue);
    margin-right: 5px;
}

.tag-del-popup-exp a.btn-no {
    color: #18191C;
    color: var(--text1);
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    margin-left: 5px;
}

.line-ellipsis[data-v-27e3a204] {
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.tag-channel-pane-exp[data-v-27e3a204] {
    position: absolute;
    z-index: 11;
    background: #FFFFFF;
    background: var(--bg1_float);
    margin-left: -10px;
    margin-top: 5px;
    width: 206px;
    min-height: 184px;
    box-sizing: content-box;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px;
}

.tag-channel-pane-exp .bg-image[data-v-27e3a204] {
    width: 100%;
    height: 66px;
    background-position: 50%;
    border-radius: 2px 2px 0px 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.tag-channel-pane-exp .bg-mask[data-v-27e3a204] {
    position: absolute;
    width: 100%;
    height: 66px;
    background-position: 50%;
    opacity: 0.6;
    border-radius: 2px 2px 0px 0px;
    top: 0;
}

.tag-channel-pane-exp .channel-cover[data-v-27e3a204] {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.05);
    border: 2px solid #FFFFFF;
    border-radius: 2px;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translate(-50%, 0);
}

.tag-channel-pane-exp .content[data-v-27e3a204] {
    padding: 0 10px;
}

.tag-channel-pane-exp .channel-info[data-v-27e3a204] {
    padding: 24px 10px 10px 10px;
}

.tag-channel-pane-exp .channel-title[data-v-27e3a204] {
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    line-height: 18px;
    margin: 0 0 4px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .tag-channel-pane-exp .channel-title[data-v-27e3a204] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.tag-channel-pane-exp .channel-title > img[data-v-27e3a204] {
    margin-left: 4px;
}

.tag-channel-pane-exp .channel-desc[data-v-27e3a204] {
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    height: 18px;
    line-height: 18px;
    display: flex;
    justify-content: center;
    width: 190px;
}

.tag-channel-pane-exp .channel-desc > span[data-v-27e3a204] {
    margin: 0px 3px 0 3px;
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.tag-channel-pane-exp .channel-btns[data-v-27e3a204] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.tag-channel-pane-exp .channel-btns__link[data-v-27e3a204] {
    cursor: pointer;
    width: 66px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    border-radius: 2px;
    font-size: 12px;
    color: #00AEEC;
    color: var(--brand_blue);
    transition: 0.3s;
}

.tag-channel-pane-exp .channel-btns__link[data-v-27e3a204]:hover {
    background: #00AEEC;
    background: var(--brand_blue);
    border-radius: 2px;
    color: var(--Wh0_u);
    color: var(--text_white);
}

.tag-channel-pane-exp .channel-btns__subs[data-v-27e3a204] {
    cursor: pointer;
    width: 108px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    margin-left: 8px;
}

.tag-channel-pane-exp .channel-btns__subs .add-icon[data-v-27e3a204] {
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: sub;
}

.tag-channel-pane-exp .channel-btns .is-subs[data-v-27e3a204] {
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
    border: 1px solid #E3E5E7;
    border: 1px solid var(--graph_bg_thick);
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.tag-channel-pane-exp .channel-btns .no-subs[data-v-27e3a204] {
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00AEEC;
    background: var(--brand_blue);
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    transition: 0.3s;
    border-radius: 2px;
    display: -webkit-box;
    overflow: hidden;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.tag-channel-pane-exp .channel-btns .no-subs[data-v-27e3a204]:hover {
    background: #00B8F6;
    border: 1px solid #00B8F6;
}

.tag-channel-pane-exp .channel-btns__subs--delete[data-v-27e3a204] {
    margin-top: -6px;
    width: 100%;
    border-top: 1px solid #E3E5E7;
    border-top: 1px solid var(--line_regular);
    height: 40px;
    line-height: 40px;
    text-align: right;
    transition: 0.3s;
}

.tag-channel-pane-exp .channel-btns__subs--delete .delete-btn[data-v-27e3a204] {
    cursor: pointer;
    display: inline-block;
    width: 36px;
    height: 28px;
    line-height: 28px;
    border-radius: 2px;
    font-size: 12px;
    color: #00AEEC;
    color: var(--brand_blue);
    text-align: center;
}

.tag-channel-pane-exp .channel-btns__subs--delete .delete-btn[data-v-27e3a204]:hover {
    background: #E3E5E7;
    background: var(--graph_bg_thick);
}

.tag-channel-pane-exp .delete-pop[data-v-27e3a204] {
    top: 60px;
}

.tag-report-popup-exp {
    position: absolute;
    margin-left: -10px;
    margin-top: 5px;
    z-index: 12;
    background: #FFFFFF;
    background: var(--bg1_float);
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    text-align: center;
    color: #18191C;
    color: var(--text1);
}

.tag-report-popup-exp h3 {
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    text-align: left;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .tag-report-popup-exp h3 {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.tag-report-popup-exp ul {
    padding: 10px 100px 10px 0px;
    cursor: pointer;
    width: 80px;
}

.tag-report-popup-exp ul li {
    line-height: 24px;
    margin: 10px 0;
    text-align: left;
}

.tag-report-popup-exp ul li i {
    display: inline-block;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #E3E5E7;
    border: 1px solid var(--line_regular);
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
}

.tag-report-popup-exp ul li.on i {
    border-color: #00AEEC;
    border-color: var(--brand_blue);
}

.tag-report-popup-exp ul li.on i:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 9px;
    height: 9px;
    background: #00AEEC;
    background: var(--brand_blue);
}

.tag-report-popup-exp .btn-close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 10px;
    height: 10px;
    background: url("//static.hdslb.com/images/base/icons.png") -475px -539px;
}

.tag-report-popup-exp .btn-ok {
    cursor: pointer;
    display: inline-block;
    width: 80px;
    height: 24px;
    line-height: 24px;
    background: #00AEEC;
    background: var(--brand_blue);
    color: var(--Wh0_u);
    color: var(--text_white);
    border-radius: 2px;
}

.s_tag-v1 {
    padding-bottom: 6px;
    margin: 16px 0 20px 0;
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
}

.s_tag-v1 .tag-wrap {
    transition: height 0.3s;
}

.s_tag-v1 .tag-wrap .tag-area {
    position: relative;
}

.s_tag-v1 .tag-wrap .tag-area > li {
    float: left;
    margin: 0 12px 8px 0;
    position: relative;
}

.s_tag-v1 .tag-wrap .tag-area > li .tag-link {
    color: #61666D;
    color: var(--text2);
    z-index: 10;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-size: 13px;
    padding: 0 12px;
    box-sizing: border-box;
    background: #F1F2F3;
    background: var(--bg3);
    border-radius: 100px;
    transition: all 0.3s;
}

.s_tag-v1 .tag-wrap .tag-area > li .tag-link svg {
    width: 16px;
    margin-right: 4px;
    fill: #61666D;
    fill: var(--graph_icon);
    transform: translateY(0.5px);
}

.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link {
    color: #008AC5;
}

.s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon {
    width: 15px;
    margin-right: 5px;
    vertical-align: sub;
    transform: translateY(-1px);
}

.s_tag-v1 .tag-wrap .tag-more {
    float: left;
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    background: #F1F2F3;
    background: var(--bg3);
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    fill: #61666D;
    fill: var(--graph_icon);
}

.s_tag-v1 .tag-wrap .tag-more.fold {
    transform: rotate(180deg);
}

.s_tag-v1 .tag-wrap .tag-more:hover {
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.s_tag-v1 .tag-wrap .nothing {
    float: left;
    color: var(l--text3);
    font-size: 12px;
    line-height: 28px;
    margin-right: 10px;
}

.s_tag-v1 .tag-wrap .btn-add {
    float: left;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background: #F1F2F3;
    background: var(--bg3);
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    margin-top: 3px;
}

.s_tag-v1 .tag-wrap .btn-add span {
    position: absolute;
    background: #61666D;
    background: var(--text2);
    transition: all 0.3s;
}

.s_tag-v1 .tag-wrap .btn-add .one {
    left: 6px;
    top: 11px;
    width: 12px;
    height: 2px;
}

.s_tag-v1 .tag-wrap .btn-add .two {
    left: 11px;
    top: 6px;
    width: 2px;
    height: 12px;
}

.s_tag-v1 .tag-wrap .btn-add:hover {
    border-color: #00AEEC;
    border-color: var(--brand_blue);
}

.s_tag-v1 .tag-wrap .btn-add:hover span {
    background: #00AEEC;
    background: var(--brand_blue);
}

.s_tag-v1 .tag-wrap .ipt {
    float: left;
    width: 158px;
    height: 23px;
    border-radius: 23px;
    background: #F1F2F3;
    background: var(--bg3);
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    position: relative;
    opacity: 1;
    margin-top: 1px;
}

.s_tag-v1 .tag-wrap .ipt.tag-add-enter-active,
.s_tag-v1 .tag-wrap .ipt.tag-add-leave-active {
    transition: all 0.5s;
}

.s_tag-v1 .tag-wrap .ipt.tag-add-enter,
.s_tag-v1 .tag-wrap .ipt.tag-add-leave-to {
    opacity: 0;
    width: 23px;
}

.s_tag-v1 .tag-wrap .ipt input {
    height: 23px;
    line-height: 23px;
    width: 120px;
    padding: 0 10px;
    font-size: 12px;
    background: transparent;
    border: none;
    outline: none;
}

.s_tag-v1 .tag-wrap .ipt.on {
    opacity: 1;
    width: 158px;
}

.s_tag-v1 .tag-wrap .ipt a {
    position: absolute;
    width: 10px;
    height: 10px;
    background: url('//static.hdslb.com/images/base/icons.png') -539px -539px no-repeat;
    left: 138px;
    top: 7px;
}

.s_tag-v1 .tag-wrap .ipt .tips {
    margin-top: 5px;
    color: #f00;
}

@media (min-width: 1681px) {
    .s_tag-v1 {
        margin-top: 18px;
        padding-bottom: 10px;
    }

    .s_tag-v1 .tag-wrap .tag-area > li .tag-link {
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }

    .s_tag-v1 .tag-wrap .tag-area > li .tag-link.topic-link .tag-icon {
        width: 17px;
        transform: unset;
    }

    .s_tag-v1 .tag-wrap .tag-more {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .s_tag-v1 .tag-wrap .nothing {
        line-height: 32px;
    }

    .s_tag-v1 .tag-wrap .btn-add {
        margin-top: 5px;
    }

    .s_tag-v1 .tag-wrap .ipt {
        margin-top: 3px;
    }
}

.activity-m-v1 {
    margin: 24px 0;
    background-color: #FFFFFF;
    background-color: var(--bg1);
}

.activity-m-v1 .inside-wrp {
    font-size: 14px;
    overflow: hidden;
    border: 1px solid #E3E5E7;
    border: 1px solid var(--line_regular);
    border-radius: 6px;
    box-sizing: border-box;
}

.activity-m-v1 .inside-wrp .left {
    float: left;
    margin-right: -320px;
    padding-left: 20px;
    padding-right: 320px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #18191C;
    color: var(--text1);
}

.activity-m-v1 .inside-wrp .tip {
    margin-top: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
    line-height: 16px;
    color: #61666D;
    color: var(--text2);
}

.activity-m-v1 .inside-wrp .tip.hasbtn {
    margin-top: 10px;
}

.activity-m-v1 .inside-wrp .right {
    float: right;
}

.activity-m-v1 .inside-wrp .right .inside-bg {
    position: relative;
    display: block;
    width: 320px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.activity-m-v1 .inside-wrp .right .inside-bg:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(left, #FFFFFF, transparent 30%);
    background-image: -webkit-linear-gradient(left, var(--bg1), transparent 30%);
    background-image: -moz-linear-gradient(left, #FFFFFF, transparent 30%);
    background-image: -moz-linear-gradient(left, var(--bg1), transparent 30%);
    background-image: linear-gradient(to right, #FFFFFF, transparent 30%);
    background-image: linear-gradient(to right, var(--bg1), transparent 30%);
}

.activity-m-v1 .inside-wrp .l-inside,
.activity-m-v1 .inside-wrp .hinter-msg {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.activity-m-v1.act-now .l-inside .hinter-msg {
    line-height: 20px;
}

.activity-m-v1.act-now .l-inside .b-btn-praise {
    margin-top: 12px;
    width: 100px;
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    color: var(--Wh0_u);
    color: var(--text_white);
    background-color: #FF6699;
    background-color: var(--brand_pink);
    cursor: pointer;
}

.activity-m-v1.act-now .l-inside .b-btn-praise.istip {
    margin-top: 6px;
}

.activity-m-v1.act-now .l-inside .b-btn-praise.voted {
    color: #E3E5E7;
    color: var(--graph_bg_thick);
    border: 1px solid;
    background-color: transparent;
    cursor: default;
}

.activity-m-v1.act-now .l-inside .score-wrapper {
    margin-top: 12px;
}

.activity-m-v1.act-now .l-inside .score-wrapper.istip {
    margin-top: 6px;
}

.activity-m-v1.act-now .l-inside .score-wrapper.voted li {
    cursor: default;
    opacity: 1;
}

.activity-m-v1.act-now .l-inside .score-wrapper li {
    float: left;
    margin-right: 10px;
    width: 36px;
    height: 32px;
    background: url("//static.hdslb.com/images/base/icons.png") no-repeat -655px -2126px;
    cursor: pointer;
}

.activity-m-v1.act-now .l-inside .score-wrapper li.hovered {
    background-position: -719px -2126px;
    opacity: 1;
}

.activity-m-v1.act-now .l-inside .score-wrapper li.hovered.opacity {
    opacity: 0.6;
    transition: opacity 0.1s;
}

.activity-m-v1.act-now .inside-bg {
    height: 100px;
}

.activity-m-v1 .onlytip {
    line-height: 20px;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.activity-m-v1.act-end .inside-bg {
    height: 100px;
}

.up-info-v1 {
    box-sizing: border-box;
    height: 58px;
    margin: 18px 0;
    display: flex;
    align-items: center;
}

.up-info-v1 .u-face {
    width: 48px;
    height: 48px;
    position: relative;
    flex-shrink: 0;
}

.up-info-v1 .u-face .u-face__avatar {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #C9CCD0;
    background-color: var(--graph_weak);
}

.up-info-v1 .u-face.has-pendant {
    width: 80px;
    height: 80px;
}

.up-info-v1 .u-face.has-pendant .u-face__avatar {
    position: absolute;
    width: 47px;
    height: 47px;
    top: 18px;
    left: 18px;
}

.up-info-v1 .u-face.is-nft {
    width: 80px;
    height: 80px;
}

.up-info-v1 .u-face.is-nft .u-face__avatar {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 18px;
    left: 18px;
}

.up-info-v1 .u-face.is-nft .u-face__avatar,
.up-info-v1 .u-face.has-pendant .u-face__avatar {
    width: 47px;
    height: 47px;
}

.up-info-v1 .u-face .avatar-loaded {
    background-color: transparent;
}

.up-info-v1 .up-info_right {
    width: calc(100% - 60px);
    margin-left: 12px;
}

.up-info-v1 .up-info_right .name {
    height: 22px;
    line-height: 22px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 15px;
    color: #18191C;
    color: var(--text1);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .up-info-v1 .up-info_right .name {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.up-info-v1 .up-info_right .name .username {
    color: #18191C;
    color: var(--text1);
    position: relative;
}

.up-info-v1 .up-info_right .name .username .mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.15);
}

.up-info-v1 .up-info_right .name .username:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.up-info-v1 .up-info_right .name .username.is_vip:hover,
.up-info-v1 .up-info_right .name .username.small-vip:hover {
    color: #fb7299;
}

.up-info-v1 .up-info_right .name .username.is_vip:hover .mask,
.up-info-v1 .up-info_right .name .username.small-vip:hover .mask {
    display: block;
}

.up-info-v1 .up-info_right .name .live-status {
    display: inline-block;
    text-align: center;
    padding: 0 6px 0 7px;
    height: 16px;
    line-height: 16px;
    border-radius: 9px;
    color: #FF6699;
    color: var(--brand_pink);
    font-size: 12px;
    border: 1px solid #FF6699;
    border: 1px solid var(--brand_pink);
    margin-right: 4px;
    transition: background 0.3s, color 0.3s;
}

.up-info-v1 .up-info_right .name .live-status:hover {
    color: #fff;
    background: #fb7299;
}

.up-info-v1 .btn-panel {
    clear: both;
    display: flex;
    margin-top: 5px;
    white-space: nowrap;
}

.up-info-v1 .btn-panel .default-btn {
    box-sizing: border-box;
    padding: 0;
    line-height: 30px;
    height: 30px;
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #C9CCD0;
    background: var(--graph_weak);
    position: relative;
}

.up-info-v1 .btn-panel .btn-transition {
    transition: 0.3s all;
}

.up-info-v1 .btn-panel .video-commonmenu {
    vertical-align: middle;
}

.up-info-v1 .btn-panel .charge-btn {
    margin-right: 12px;
    flex-shrink: 0;
    width: 78px;
}

.up-info-v1 .btn-panel .following-charge-btn {
    background: #00AEEC;
    background: var(--brand_blue);
    color: var(--Wh0_u);
    color: var(--text_white);
}

.up-info-v1 .btn-panel .following-charge-btn:hover {
    background: #00b8f6;
}

.up-info-v1 .btn-panel .not-follow-charge-btn {
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    background: #FFFFFF;
    background: var(--bg1);
    color: #00AEEC;
    color: var(--brand_blue);
}

.up-info-v1 .btn-panel .not-follow-charge-btn:hover {
    border-color: #00b8f6;
    color: #00b8f6;
}

.up-info-v1 .btn-panel .follow-btn {
    flex: 1 1 auto;
    max-width: 200px;
}

.up-info-v1 .btn-panel .follow-btn > span {
    display: inline-flex;
    align-items: center;
}

@media (min-width: 1681px) {
    .up-info-v1 .btn-panel .charge-btn {
        width: 108px;
    }

    .up-info-v1 .btn-panel .follow-btn {
        max-width: 230px;
    }
}

.up-info-v1 .btn-panel .van-icon-general_pulldown_s {
    margin-left: 4px;
    font-size: 100%;
}

.up-info-v1 .btn-panel .following {
    color: #9499A0;
    color: var(--text3);
    background-color: #E3E5E7;
    background-color: var(--graph_bg_thick);
}

.up-info-v1 .btn-panel .following:hover {
    background-color: #F1F2F3;
    background-color: var(--graph_bg_regular);
}

.up-info-v1 .btn-panel .following > span {
    height: 100%;
}

.up-info-v1 .btn-panel .not-follow {
    background: #00AEEC;
    background: var(--brand_blue);
    color: var(--Wh0_u);
    color: var(--text_white);
}

.up-info-v1 .btn-panel .not-follow i {
    display: inline-block;
    vertical-align: text-top;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    font-size: 0;
}

.up-info-v1 .btn-panel .not-follow i img {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    font-size: 0;
}

.up-info-v1 .btn-panel .not-follow:hover {
    background: #00b8f6;
}

.up-info-v1 .btn-panel .has-charge {
    display: inline-flex;
    align-items: center;
}

.up-info-v1 .btn-panel .has-charge svg {
    margin-right: 4px;
}

.up-info-v1 .btn-panel .already-btn {
    display: inline-flex;
    align-items: center;
}

.up-info-v1 .btn-panel .already-btn svg {
    margin-right: 4px;
}

.up-info-v1.has-pendant {
    background-color: red;
}

.up-info-v1.has-pendant .u-face {
    width: 84px;
    height: 84px;
}

.up-info-v1.has-pendant .u-face .fa {
    position: absolute;
    top: 18px;
    left: 18px;
}

.up-info-v1.has-pendant .u-face .bili-avatar-pendent {
    width: 175%;
    height: 175%;
}

.up-info-v1.has-pendant .up-info_right {
    width: calc(100% - 96px);
}

@media (min-width: 1681px) {
    .up-info-v1 .up-info_right .name {
        font-size: 16px;
    }
}

.van-popover.van-followed {
    box-sizing: border-box;
    position: absolute;
    border-radius: 4px;
    min-width: 98px;
    padding: 6px 0px;
    background: #FFFFFF;
    background: var(--bg1_float);
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}

.van-popover.van-followed .follow_dropdown {
    text-align: center;
}

.van-popover.van-followed .follow_dropdown li {
    padding: 0 20px;
    line-height: 40px;
    transition: all 0.3s;
    cursor: pointer;
    color: #18191C;
    color: var(--text1);
    position: relative;
}

.van-popover.van-followed .follow_dropdown li:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.1;
}

.van-popover.van-followed .follow_dropdown li:hover {
    background: none;
    color: #00AEEC;
    color: var(--brand_blue);
}

.van-popover.van-followed .follow_dropdown li:hover:before {
    background-color: #9499A0;
    background-color: var(--graph_medium);
}

.members-info-v1[data-v-29eebea2] {
    padding-top: 18px;
}

.members-info-v1 .normal-members-header[data-v-29eebea2] {
    height: 44px;
    line-height: 44px;
    border-radius: 6px;
    background-color: #F1F2F3;
    background-color: var(--bg3);
    padding: 0 16px;
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #18191C;
    color: var(--text1);
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .members-info-v1 .normal-members-header[data-v-29eebea2] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.members-info-v1 .normal-members-header.can-pointer[data-v-29eebea2] {
    cursor: pointer;
}

.members-info-v1 .normal-members-header .person[data-v-29eebea2] {
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    margin-left: 6px;
    font-size: 13px;
    color: #61666D;
    color: var(--text2);
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .members-info-v1 .normal-members-header .person[data-v-29eebea2] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.members-info-v1 .normal-members-header .btn[data-v-29eebea2] {
    display: inline-flex;
    height: 100%;
    align-items: center;
    float: right;
    transform: rotate(180deg);
    transition: transform 0.3s;
}

.members-info-v1 .normal-members-header .btn.unfold[data-v-29eebea2] {
    transform: rotate(0deg);
}

.members-info-v1 .normal-members-container[data-v-29eebea2] {
    padding-top: 12px;
    display: flex;
    flex-wrap: wrap;
    transition: max-height 0.3s ease, background 1s;
    overflow: hidden;
    max-height: 96px;
}

.members-info-v1 .normal-members-container .up-card[data-v-29eebea2] {
    width: 87px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 18px;
    cursor: default;
}

.members-info-v1 .normal-members-container .up-card .avatar[data-v-29eebea2] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #C9CCD0;
    background-color: var(--graph_weak);
    box-sizing: border-box;
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    position: relative;
}

.members-info-v1 .normal-members-container .up-card .avatar img[data-v-29eebea2] {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    cursor: pointer;
}

.members-info-v1 .normal-members-container .up-card .avatar .attention[data-v-29eebea2] {
    position: absolute;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #00AEEC;
    background: var(--brand_blue);
    line-height: 18px;
    text-align: center;
    bottom: -8px;
    left: 12px;
    font-size: 14px;
    color: var(--Wh0_u);
    color: var(--text_white);
    cursor: pointer;
}

.members-info-v1 .normal-members-container .up-card .upinfo[data-v-29eebea2] {
    margin-top: 8px;
    text-align: center;
    padding: 0 4px;
}

.members-info-v1 .normal-members-container .up-card .upinfo .upname[data-v-29eebea2] {
    line-height: 18px;
    font-size: 13px;
    color: #18191C;
    color: var(--text1);
    cursor: pointer;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.members-info-v1 .normal-members-container .up-card .upinfo .upname.is-vip[data-v-29eebea2] {
    color: #FF6699;
    color: var(--brand_pink);
}

.members-info-v1 .normal-members-container .up-card .upinfo .upname.small-vip[data-v-29eebea2] {
    color: #62c076;
}

.members-info-v1 .normal-members-container .up-card .upinfo .tag-sponsor[data-v-29eebea2] {
    color: #D2920A;
}

.members-info-v1 .normal-members-container .up-card .upinfo .info-tag[data-v-29eebea2] {
    color: #9499A0;
    color: var(--text3);
}

.members-info-v1 .wide-members-header[data-v-29eebea2] {
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    height: 20px;
    line-height: 20px;
    color: #18191C;
    color: var(--text1);
    margin-bottom: 8px;
    display: inline-flex;
    align-items: center;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .members-info-v1 .wide-members-header[data-v-29eebea2] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.members-info-v1 .wide-members-header .person[data-v-29eebea2] {
    font-size: 13px;
    color: #61666D;
    color: var(--text2);
    margin-left: 6px;
}

.members-info-v1 .wide-members-container[data-v-29eebea2] {
    display: flex;
    align-items: center;
    position: relative;
}

.members-info-v1 .wide-members-container .scroll-panel[data-v-29eebea2] {
    display: flex;
    overflow: hidden;
}

.members-info-v1 .wide-members-container .scroll-panel .scroll-inside[data-v-29eebea2] {
    display: flex;
    transition: 1s;
    transform: translateX(0);
}

.members-info-v1 .wide-members-container .up-card[data-v-29eebea2] {
    width: 87px;
    position: relative;
    text-align: center;
    padding-bottom: 18px;
    cursor: default;
}

.members-info-v1 .wide-members-container .up-card img[data-v-29eebea2] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.members-info-v1 .wide-members-container .up-card .attention[data-v-29eebea2] {
    position: absolute;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    background-color: #00AEEC;
    background-color: var(--brand_blue);
    line-height: 18px;
    left: 31px;
    font-size: 14px;
    text-align: center;
    color: var(--Wh0_u);
    color: var(--text_white);
    top: 28px;
    cursor: pointer;
}

.members-info-v1 .wide-members-container .up-card .upname[data-v-29eebea2] {
    line-height: 18px;
    font-size: 13px;
    color: #18191C;
    color: var(--text1);
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    padding: 0 4px;
}

.members-info-v1 .wide-members-container .up-card .upname.is-vip[data-v-29eebea2] {
    color: #FF6699;
    color: var(--brand_pink);
}

.members-info-v1 .wide-members-container .up-card .upname.small-vip[data-v-29eebea2] {
    color: #62c076;
}

.members-info-v1 .wide-members-container .up-card .tag-sponsor[data-v-29eebea2] {
    color: #D2920A;
}

.members-info-v1 .wide-members-container .up-card .info-tag[data-v-29eebea2] {
    color: #9499A0;
    color: var(--text3);
}

.members-info-v1 .wide-members-container .van-icon-general_back_s[data-v-29eebea2],
.members-info-v1 .wide-members-container .van-icon-general_enter_s[data-v-29eebea2] {
    position: absolute;
    top: 28px;
    background: transparent;
    font-size: 20px;
    color: #61666D;
    color: var(--text2);
    cursor: pointer;
}

.members-info-v1 .wide-members-container .van-icon-general_back_s[data-v-29eebea2]:hover,
.members-info-v1 .wide-members-container .van-icon-general_enter_s[data-v-29eebea2]:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.members-info-v1 .wide-members-container .van-icon-general_enter_s[data-v-29eebea2] {
    right: 6px;
}

.members-info-v1 .wide-members-container .van-icon-general_back_s[data-v-29eebea2] {
    left: 6px;
    z-index: 1;
}

.members-info-v1 .wide-members-container .general-mask-left[data-v-29eebea2],
.members-info-v1 .wide-members-container .general-mask-right[data-v-29eebea2] {
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    pointer-events: none;
}

.members-info-v1 .wide-members-container .general-mask-left[data-v-29eebea2] {
    left: 0px;
    background: linear-gradient(-270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(-270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
}

.members-info-v1 .wide-members-container .general-mask-right[data-v-29eebea2] {
    right: 0;
    background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(270deg, var(--bg1) 0%, rgba(255, 255, 255, 0) 100%);
}

.members-info-v1 #member-container[data-v-29eebea2]::-webkit-scrollbar-track {
    background: rgba(245, 245, 245, 0);
}

.members-info-v1 #member-container[data-v-29eebea2]::-webkit-scrollbar {
    width: 6px;
    background: rgba(245, 245, 245, 0);
}

.members-info-v1 #member-container[data-v-29eebea2]::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: rgba(0, 0, 0, 0);
}

.members-info-v1 #member-container[data-v-29eebea2]:hover::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.members-info-v1 #member-container[data-v-29eebea2]:hover::-webkit-scrollbar {
    background: #f5f5f5;
}

.members-info-v1 #member-container[data-v-29eebea2]:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.5);
}

@media (min-width: 1681px) {
    .members-info-v1 .normal-members-header[data-v-29eebea2],
    .members-info-v1 .wide-members-header[data-v-29eebea2] {
        font-size: 16px;
    }

    .members-info-v1 .normal-members-header .person[data-v-29eebea2],
    .members-info-v1 .wide-members-header .person[data-v-29eebea2] {
        font-size: 14px;
    }

    .members-info-v1 .normal-members-container .up-card[data-v-29eebea2],
    .members-info-v1 .wide-members-container .up-card[data-v-29eebea2] {
        width: 82px;
        padding-bottom: 20px;
    }

    .members-info-v1 .normal-members-container .up-card .upinfo .upname[data-v-29eebea2],
    .members-info-v1 .wide-members-container .up-card .upinfo .upname[data-v-29eebea2] {
        font-size: 14px;
        line-height: 20px;
    }

    .members-info-v1 .normal-members-container[data-v-29eebea2] {
        max-height: 100px;
    }
}

.multi-page-v1 {
    position: relative;
    background: #F1F2F3;
    background: var(--bg3);
    z-index: 1;
    border-radius: 6px;
    margin-bottom: 18px;
}

.multi-page-v1 .head-con {
    display: flex;
    padding: 14px 16px 0;
    align-items: center;
    justify-content: space-between;
}

.multi-page-v1 .head-con .head-left {
    display: flex;
    align-items: center;
}

.multi-page-v1 .head-con .head-left h3 {
    font-size: 15px;
    line-height: 20px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    margin-right: 4px;
    color: #18191C;
    color: var(--text1);
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .multi-page-v1 .head-con .head-left h3 {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.multi-page-v1 .head-con .head-left .cur-page {
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    line-height: 16px;
}

.multi-page-v1 .head-con .head-left .range-box i {
    cursor: pointer;
    line-height: 24px;
    font-size: 16px;
    margin-left: 10px;
    color: #757575;
}

.multi-page-v1 .head-con .head-left .range-box i:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.multi-page-v1 .head-con .head-right .next-button {
    font-size: 14px;
    line-height: 16px;
    color: #9499A0;
    color: var(--text3);
}

.multi-page-v1 .head-con .head-right .next-button .switch-button {
    background-color: #9499A0;
    background-color: var(--text3);
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
}

.multi-page-v1 .head-con .head-right .next-button .switch-button.on {
    background-color: #00AEEC;
    background-color: var(--brand_blue);
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
}

.multi-page-v1 .cur-list {
    padding: 4px 0;
    transition: all 0.3s;
    max-height: 340px;
    overflow: hidden;
}

.multi-page-v1 .cur-list:hover {
    overflow-y: auto;
}

.multi-page-v1 .cur-list .list-box {
    padding: 0 6px;
}

.multi-page-v1 .cur-list .list-box li {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #18191C;
    color: var(--text1);
    margin: 5px 0;
    transition: all 0.3s;
    border-radius: 2px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
    width: 308px;
    box-sizing: border-box;
}

.multi-page-v1 .cur-list .list-box li:hover {
    color: #00AEEC;
    color: var(--brand_blue);
    background: #FFFFFF;
    background: var(--bg1);
}

.multi-page-v1 .cur-list .list-box li.watched a {
    color: #9499A0;
    color: var(--text3);
}

.multi-page-v1 .cur-list .list-box li.on {
    background: #FFFFFF;
    background: var(--bg1);
    padding: 0 10px 0 6px;
}

.multi-page-v1 .cur-list .list-box li.on > a {
    color: #00AEEC;
    color: var(--brand_blue);
}

.multi-page-v1 .cur-list .list-box li.on img {
    height: 14px;
    width: 14px;
    font-size: 14px;
    margin-right: 5px;
}

.multi-page-v1 .cur-list .list-box li a {
    color: #18191C;
    color: var(--text1);
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.multi-page-v1 .cur-list .list-box li .clickitem {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
}

.multi-page-v1 .cur-list .list-box li .link-content {
    display: flex;
    align-items: center;
    flex-shrink: 1;
    overflow: hidden;
}

.multi-page-v1 .cur-list .list-box li .page-num {
    margin-right: 10px;
}

.multi-page-v1 .cur-list .list-box li .part {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
}

.multi-page-v1 .cur-list .list-box li .duration {
    color: #9499A0;
    color: var(--text3);
    justify-self: flex-end;
}

.multi-page-v1 .cur-list .module-box {
    margin-top: 8px;
    margin-left: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.multi-page-v1 .cur-list .module-box li {
    background: #F1F2F3;
    background: var(--bg3);
    float: left;
    width: 66px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #18191C;
    color: var(--text1);
    border: 1px solid #E3E5E7;
    border: 1px solid var(--line_regular);
    border-radius: 4px;
    margin: 0 7px 8px 0px;
    cursor: pointer;
    transition: all 0.3s;
    font-size: 13px;
    box-sizing: border-box;
}

.multi-page-v1 .cur-list .module-box li:nth-of-type(4n) {
    margin-right: 0px;
}

.multi-page-v1 .cur-list .module-box li a {
    display: inline-block;
    width: 100%;
    color: #18191C;
    color: var(--text1);
}

.multi-page-v1 .cur-list .module-box li a > span {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.multi-page-v1 .cur-list .module-box li.watched a {
    color: #9499A0;
    color: var(--text3);
}

.multi-page-v1 .cur-list .module-box li:hover {
    color: #00AEEC;
    color: var(--brand_blue);
    border-color: #00AEEC;
    border-color: var(--brand_blue);
}

.multi-page-v1 .cur-list .module-box li:hover a {
    color: #00AEEC;
    color: var(--brand_blue);
}

.multi-page-v1 .cur-list .module-box li.on {
    color: var(--Wh0_u);
    color: var(--text_white);
    border-color: #00AEEC;
    border-color: var(--brand_blue);
    background: #00AEEC;
    background: var(--brand_blue);
}

.multi-page-v1 .cur-list .module-box li.on a {
    color: var(--Wh0_u);
    color: var(--text_white);
}

.multi-page-v1.small-mode .cur-list .list-box li {
    width: 338px;
}

.multi-page-v1.small-mode .cur-list .module-box li {
    width: 75px;
}

@media (min-width: 1681px) {
    .multi-page-v1 {
        margin-bottom: 20px;
    }

    .multi-page-v1 .head-con .head-left h3 {
        font-size: 16px;
    }

    .multi-page-v1 .cur-list .list-box li,
    .multi-page-v1 .cur-list .module-box li {
        font-size: 14px;
    }

    .multi-page-v1 .cur-list .list-box li {
        width: 348px;
    }

    .multi-page-v1 .cur-list .module-box li {
        width: 75px;
    }

    .multi-page-v1.small-mode .cur-list .list-box li {
        width: 399px;
    }

    .multi-page-v1.small-mode .cur-list .module-box li {
        width: 70px;
    }

    .multi-page-v1.small-mode .cur-list .module-box li:nth-of-type(4n) {
        margin-right: 7px;
    }

    .multi-page-v1.small-mode .cur-list .module-box li:nth-of-type(5n) {
        margin-right: 0px;
    }
}

.cur-list::-webkit-scrollbar {
    width: 4px;
}

.cur-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #999;
}

.video-sections-v1[data-v-2f0cf2f7] {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 18px;
    background: #F1F2F3;
    background: var(--bg3);
    position: relative;
    border-radius: 6px;
}

.video-sections-v1 .video-sections-head_first-line[data-v-2f0cf2f7] {
    margin: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.video-sections-v1 .video-sections-head_first-line .first-line-left[data-v-2f0cf2f7] {
    display: flex;
    align-items: center;
}

.video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-2f0cf2f7] {
    display: inline-block;
    max-width: 164px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px;
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #18191C;
    color: var(--text1);
    line-height: 20px;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-2f0cf2f7] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-2f0cf2f7]:hover {
    color: #00a1d6;
}

.video-sections-v1 .video-sections-head_first-line .first-line-left .cur-page[data-v-2f0cf2f7] {
    color: #9499A0;
    color: var(--text3);
    font-size: 13px;
    line-height: 16px;
}

.video-sections-v1 .video-sections-head_first-line .first-line-right .next-button[data-v-2f0cf2f7] {
    font-size: 13px;
    line-height: 16px;
    color: #9499A0;
    color: var(--text3);
}

.video-sections-v1 .video-sections-head_first-line .first-line-right .next-button .switch-button[data-v-2f0cf2f7] {
    background-color: #9499A0;
    background-color: var(--text3);
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
}

.video-sections-v1 .video-sections-head_first-line .first-line-right .next-button .switch-button.on[data-v-2f0cf2f7] {
    background-color: #00AEEC;
    background-color: var(--brand_blue);
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
}

.video-sections-v1 .video-sections-head_second-line[data-v-2f0cf2f7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 16px 0;
    color: #9499A0;
    color: var(--text3);
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 16px;
}

.video-sections-v1 .video-sections-head_second-line .second-line_left[data-v-2f0cf2f7] {
    display: flex;
    align-items: center;
}

.video-sections-v1 .video-sections-head_second-line .play-num[data-v-2f0cf2f7] {
    margin-right: 8px;
}

.video-sections-v1 .video-sections-head_second-line .abstract[data-v-2f0cf2f7] {
    color: #9499A0;
    color: var(--text3);
    line-height: 16px;
    margin-left: 3px;
}

.video-sections-v1 .video-sections-head_second-line .second-line_right[data-v-2f0cf2f7] {
    width: 70px;
    height: 24px;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    text-align: center;
    color: #00AEEC;
    color: var(--brand_blue);
    border-radius: 2px;
    background: #F1F2F3;
    background: var(--bg3);
    outline: none;
    cursor: pointer;
}

.video-sections-v1 .video-sections-head_second-line .already-fav[data-v-2f0cf2f7] {
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
    border: none;
}

.video-sections-v1 .video-sections-head_desc[data-v-2f0cf2f7] {
    position: absolute;
    box-sizing: border-box;
    top: 73px;
    right: 79px;
    width: 261px;
    padding: 12px 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    letter-spacing: 0;
    line-height: 16px;
    z-index: 10;
    visibility: hidden;
}

.video-sections-v1 .border-bottom-line[data-v-2f0cf2f7] {
    height: 1px;
    background: #E3E5E7;
    background: var(--line_regular);
    margin: 0 15px;
}

.video-sections-v1 .video-sections-content-list[data-v-2f0cf2f7] {
    height: 243px;
    overflow-y: hidden;
    overflow-x: hidden;
}

.video-sections-v1 .video-sections-content-list.has-margin[data-v-2f0cf2f7] {
    margin-top: 10px;
}

.video-sections-v1 .video-sections-content-list[data-v-2f0cf2f7]:hover {
    overflow-y: scroll;
}

.video-sections-v1 .video-sections-content-list:hover .video-sections-item[data-v-2f0cf2f7] {
    margin: 0px 12px 0 16px;
}

.video-sections-v1 .video-sections-item[data-v-2f0cf2f7] {
    width: 288px;
    margin: 0px 16px;
    box-sizing: border-box;
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
}

.video-sections-v1 .video-sections-item.small-mode[data-v-2f0cf2f7] {
    width: 310px;
}

.video-sections-v1 .video-sections-item[data-v-2f0cf2f7]:last-child {
    border-bottom: none;
}

.video-sections-v1 .video-section-title[data-v-2f0cf2f7] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    background: #F1F2F3;
    background: var(--bg3);
    cursor: pointer;
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-sections-v1 .video-section-title[data-v-2f0cf2f7] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-sections-v1 .video-section-title > p[data-v-2f0cf2f7] {
    color: #18191C;
    color: var(--text1);
    line-height: 18px;
    display: inline-block;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.video-sections-v1 .video-section-title .arrow-icon[data-v-2f0cf2f7] {
    fill: #61666D;
    fill: var(--graph_icon);
    transition: transform 0.35s;
    transform: rotate(0deg);
}

.video-sections-v1 .video-section-title .arrow-fold[data-v-2f0cf2f7] {
    transform: rotate(180deg);
}

.video-sections-v1 .video-section-list[data-v-2f0cf2f7] {
    overflow: hidden;
    height: 0;
}

.video-sections-v1 .video-section-list .video-episode-card[data-v-2f0cf2f7] {
    height: 71px;
    position: relative;
    cursor: pointer;
    line-height: 16px;
    display: flex;
}

.video-sections-v1 .video-section-list .video-episode-card__cover[data-v-2f0cf2f7] {
    width: 106px;
    height: 60px;
    margin-right: 10px;
    position: relative;
    flex: 0 0 auto;
}

.video-sections-v1 .video-section-list .video-episode-card__cover .cover-link-image[data-v-2f0cf2f7] img {
    border-radius: 4px;
}

.video-sections-v1 .video-section-list .video-episode-card__info[data-v-2f0cf2f7] {
    flex: 1 1 auto;
}

.video-sections-v1 .video-section-list .video-episode-card__info-title[data-v-2f0cf2f7] {
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    line-height: 19px;
    margin-bottom: 4px;
    transition: 0.3s;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-sections-v1 .video-section-list .video-episode-card__info-title[data-v-2f0cf2f7] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-sections-v1 .video-section-list .video-episode-card__info-title .cur-play-icon[data-v-2f0cf2f7] {
    width: 14px;
    height: 12px;
}

.video-sections-v1 .video-section-list .video-episode-card__info__number[data-v-2f0cf2f7] {
    font-size: 13px;
    color: #9499A0;
    color: var(--text3);
    fill: #61666D;
    fill: var(--graph_icon);
    line-height: 18px;
    display: inline-flex;
    align-items: center;
}

.video-sections-v1 .video-section-list .video-episode-card__info__number svg[data-v-2f0cf2f7] {
    margin-right: 4px;
}

.video-sections-v1 .video-section-list .video-episode-card__info__number svg.dm[data-v-2f0cf2f7] {
    margin-left: 10px;
}

.video-sections-v1 .video-section-list .video-episode-card__info-title-playing[data-v-2f0cf2f7] {
    color: #00AEEC;
    color: var(--brand_blue);
    text-indent: 0 !important;
}

.video-sections-v1 .video-section-list .video-episode-card:hover .video-episode-card__info-title[data-v-2f0cf2f7] {
    color: #00AEEC;
    color: var(--brand_blue);
}

@media (min-width: 1681px) {
    .video-sections-v1[data-v-2f0cf2f7] {
        margin-bottom: 20px;
    }

    .video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-2f0cf2f7] {
        font-size: 16px;
    }

    .video-sections-v1 .video-sections-head_first-line .first-line-left .cur-page[data-v-2f0cf2f7] {
        font-size: 14px;
    }

    .video-sections-v1 .video-sections-head_first-line .first-line-right .next-button[data-v-2f0cf2f7] {
        font-size: 14px;
    }

    .video-sections-v1 .video-sections-head_second-line[data-v-2f0cf2f7] {
        font-size: 14px;
    }

    .video-sections-v1 .video-section-list .video-episode-card__info-title[data-v-2f0cf2f7] {
        font-size: 15px;
        line-height: 20px;
    }

    .video-sections-v1 .video-section-list .video-episode-card__info__number[data-v-2f0cf2f7] {
        font-size: 14px;
        line-height: 20px;
    }

    .video-sections-v1 .video-section-list .video-episode-card__info__number svg[data-v-2f0cf2f7] {
        width: 20px;
        height: 20px;
    }

    .video-sections-v1 .video-sections-item[data-v-2f0cf2f7] {
        width: 328px;
    }

    .video-sections-v1 .video-sections-item.small-mode[data-v-2f0cf2f7] {
        width: 370px;
    }
}

.video-sections-content-list::-webkit-scrollbar {
    width: 4px;
}

.video-sections-content-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.base-video-sections-v1[data-v-52effaef] {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 18px;
    background: #F1F2F3;
    background: var(--bg3);
    position: relative;
    border-radius: 6px;
}

.base-video-sections-v1 .video-sections-head_first-line[data-v-52effaef] {
    margin: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-left[data-v-52effaef] {
    display: flex;
    align-items: center;
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-52effaef] {
    display: inline-block;
    max-width: 164px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px;
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #18191C;
    color: var(--text1);
    line-height: 20px;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .base-video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-52effaef] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-52effaef]:hover {
    color: #00a1d6;
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-left .cur-page[data-v-52effaef] {
    color: #9499A0;
    color: var(--text3);
    font-size: 13px;
    line-height: 16px;
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-right .next-button[data-v-52effaef] {
    font-size: 13px;
    line-height: 16px;
    color: #9499A0;
    color: var(--text3);
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-right .next-button .switch-button[data-v-52effaef] {
    background-color: #9499A0;
    background-color: var(--text3);
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
}

.base-video-sections-v1 .video-sections-head_first-line .first-line-right .next-button .switch-button.on[data-v-52effaef] {
    background-color: #00AEEC;
    background-color: var(--brand_blue);
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
}

.base-video-sections-v1 .video-sections-head_second-line[data-v-52effaef] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 12px 16px 0;
    color: #9499A0;
    color: var(--text3);
    padding-bottom: 12px;
    font-size: 14px;
    line-height: 16px;
}

.base-video-sections-v1 .video-sections-head_second-line .second-line_left[data-v-52effaef] {
    display: flex;
    align-items: center;
}

.base-video-sections-v1 .video-sections-head_second-line .play-num[data-v-52effaef] {
    margin-right: 8px;
}

.base-video-sections-v1 .video-sections-head_second-line .abstract[data-v-52effaef] {
    color: #9499A0;
    color: var(--text3);
    line-height: 16px;
    margin-left: 3px;
}

.base-video-sections-v1 .video-sections-head_second-line .second-line_right[data-v-52effaef] {
    width: 70px;
    height: 24px;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    text-align: center;
    color: #00AEEC;
    color: var(--brand_blue);
    border-radius: 2px;
    background: #F1F2F3;
    background: var(--bg3);
    outline: none;
    cursor: pointer;
}

.base-video-sections-v1 .video-sections-head_second-line .already-fav[data-v-52effaef] {
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
    border: none;
}

.base-video-sections-v1 .video-sections-head_desc[data-v-52effaef] {
    position: absolute;
    box-sizing: border-box;
    top: 73px;
    right: 79px;
    width: 261px;
    padding: 12px 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: #E3E5E7;
    background: var(--graph_bg_thick);
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    letter-spacing: 0;
    line-height: 16px;
    z-index: 10;
    visibility: hidden;
}

.base-video-sections-v1 .border-bottom-line[data-v-52effaef] {
    height: 1px;
    background: #E3E5E7;
    background: var(--line_regular);
    margin: 0 15px;
}

.base-video-sections-v1 .video-sections-content-list[data-v-52effaef] {
    max-height: 152px;
    border-radius: 6px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.base-video-sections-v1 .video-sections-content-list.has-margin[data-v-52effaef] {
    margin-top: 10px;
}

.base-video-sections-v1 .video-sections-content-list[data-v-52effaef]:hover {
    overflow-y: scroll;
}

.base-video-sections-v1 .video-sections-item[data-v-52effaef] {
    box-sizing: border-box;
}

.base-video-sections-v1 .video-sections-item[data-v-52effaef]:last-child {
    border-bottom: none;
}

.base-video-sections-v1 .video-section-title[data-v-52effaef] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    padding: 0 6px;
    background: #F1F2F3;
    background: var(--bg3);
    cursor: pointer;
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .base-video-sections-v1 .video-section-title[data-v-52effaef] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.base-video-sections-v1 .video-section-title > p[data-v-52effaef] {
    color: #18191C;
    color: var(--text1);
    line-height: 18px;
}

.base-video-sections-v1 .video-section-title .title[data-v-52effaef] {
    padding-left: 10px;
    display: inline-block;
    max-width: 280px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.base-video-sections-v1 .video-section-title > img[data-v-52effaef] {
    padding-right: 12px;
}

.base-video-sections-v1 .video-section-title .arrow-icon[data-v-52effaef] {
    fill: #61666D;
    fill: var(--graph_icon);
    transition: transform 0.35s;
    transform: rotate(0deg);
}

.base-video-sections-v1 .video-section-title .arrow-unfold[data-v-52effaef] {
    transform: rotate(180deg);
    transform-origin: 25% 50%;
}

.base-video-sections-v1 .video-section-list[data-v-52effaef] {
    overflow: hidden;
    height: 0;
}

.base-video-sections-v1 .video-section-list .video-episode-card[data-v-52effaef] {
    height: 30px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    line-height: 16px;
    padding: 0 6px;
    margin: 4px 0;
    color: #fff;
}

.base-video-sections-v1 .video-section-list .video-episode-card__info[data-v-52effaef] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 30px;
    font-size: 14px;
    border-radius: 2px;
    padding: 0 10px;
}

.base-video-sections-v1 .video-section-list .video-episode-card__info-title[data-v-52effaef] {
    width: 259px;
    color: #18191C;
    color: var(--text1);
    max-height: 36px;
    line-height: 20px;
    transition: 0.3s;
    white-space: nowrap;
    display: inline-block !important;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
}

.base-video-sections-v1 .video-section-list .video-episode-card__info-title .cur-play-icon[data-v-52effaef] {
    width: 14px;
    height: 12px;
}

.base-video-sections-v1 .video-section-list .video-episode-card__info-duration[data-v-52effaef] {
    color: #9499A0;
    color: var(--text3);
}

.base-video-sections-v1 .video-section-list .video-episode-card__info-title_indent[data-v-52effaef] {
    text-indent: -0.5rem;
}

.base-video-sections-v1 .video-section-list .video-episode-card__info-playing[data-v-52effaef] {
    color: #00a1d6;
    background-color: #fff;
}

.base-video-sections-v1 .video-section-list .video-episode-card__info-playing .video-episode-card__info-title[data-v-52effaef] {
    color: #00a1d6;
}

.base-video-sections-v1 .video-section-list .video-episode-card:hover .video-episode-card__info-title[data-v-52effaef] {
    color: #00a1d6;
}

.base-video-sections-v1 .video-section-list .video-episode-card[data-v-52effaef]:nth-child(1) {
    margin-top: 8px;
}

@media (min-width: 1681px) {
    .base-video-sections-v1[data-v-52effaef] {
        margin-bottom: 20px;
    }

    .base-video-sections-v1 .video-sections-head_first-line .first-line-left .first-line-title[data-v-52effaef] {
        font-size: 16px;
    }

    .base-video-sections-v1 .video-sections-head_first-line .first-line-left .cur-page[data-v-52effaef] {
        font-size: 14px;
    }

    .base-video-sections-v1 .video-sections-head_first-line .first-line-right .next-button[data-v-52effaef] {
        font-size: 14px;
    }

    .base-video-sections-v1 .video-sections-head_second-line[data-v-52effaef] {
        font-size: 14px;
    }

    .base-video-sections-v1 .video-section-list .video-episode-card__info-title[data-v-52effaef] {
        font-size: 15px;
        line-height: 20px;
    }

    .base-video-sections-v1 .video-section-list .video-episode-card__info__number[data-v-52effaef] {
        font-size: 14px;
        line-height: 20px;
    }

    .base-video-sections-v1 .video-section-list .video-episode-card__info__number svg[data-v-52effaef] {
        width: 20px;
        height: 20px;
    }

    .base-video-sections-v1 .video-sections-item.small-mode[data-v-52effaef] {
        width: 370px;
    }
}

.video-sections ::-webkit-scrollbar {
    width: 4px;
}

.video-sections-content-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.ad-report[data-v-aaf0cbb2]:not(:empty) {
    min-width: 1px;
    min-height: 1px;
    display: block;
}

.video-card-ad-small[data-v-de591f94] {
    color: #18191C;
    color: var(--text1);
    transition: color 0.3s;
}

.video-card-ad-small .vcd[data-v-de591f94] {
    margin: 18px 0;
    box-sizing: border-box;
    display: flex;
}

.video-card-ad-small .vcd .cover[data-v-de591f94] {
    margin-right: 10px;
    border-radius: 6px;
    width: 141px;
    height: 80px;
    background: #C9CCD0;
    background: var(--graph_weak);
    flex: 0 0 auto;
}

.video-card-ad-small .vcd .cover img[data-v-de591f94] {
    width: 100%;
    height: 100%;
    border-radius: 6px !important;
}

.video-card-ad-small .vcd .info[data-v-de591f94] {
    font-size: 13px;
    flex: 1;
}

.video-card-ad-small .vcd .info .title[data-v-de591f94] {
    display: block;
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 6px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-card-ad-small .vcd .info .title[data-v-de591f94] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-card-ad-small .vcd .info .desc[data-v-de591f94] {
    color: #9499A0;
    color: var(--text3);
    letter-spacing: 0;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
    line-height: 16px;
}

.video-card-ad-small .vcd .info .desc svg[data-v-de591f94] {
    width: 28px;
    height: 16px;
    margin-right: 6px;
    vertical-align: top;
}

.video-card-ad-small[data-v-de591f94]:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

@media (min-width: 1681px) {
    .video-card-ad-small .vcd[data-v-de591f94] {
        margin: 20px 0;
    }

    .video-card-ad-small .vcd .cover[data-v-de591f94] {
        width: 189px;
        height: 107px;
    }

    .video-card-ad-small .vcd .info[data-v-de591f94] {
        font-size: 14px;
        line-height: 16px;
    }

    .video-card-ad-small .vcd .info .title[data-v-de591f94] {
        font-size: 16px;
        line-height: 20px;
    }
}

.video-page-card-small {
    margin-bottom: 12px;
}

.video-page-card-small .card-box {
    display: flex;
}

.video-page-card-small .card-box .pic-box {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 6px;
    background: #C9CCD0;
    background: var(--graph_weak);
    flex: 0 0 auto;
}

.video-page-card-small .card-box .pic-box .pic {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}

.video-page-card-small .card-box .pic-box .pic.loaded:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 0 0 6px 6px;
}

.video-page-card-small .card-box .pic-box .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

.video-page-card-small .card-box .pic-box .pic img[src=''] {
    opacity: 0;
}

.video-page-card-small .card-box .pic-box .pic .mask-video {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.07);
    transition: opacity 0.3s;
    pointer-events: none;
}

.video-page-card-small .card-box .pic-box .pic .duration {
    position: absolute;
    bottom: 6px;
    right: 8px;
    color: var(--Wh0_u);
    color: var(--text_white);
    line-height: 15px;
    transition: opacity 0.3s;
    z-index: 5;
    font-size: 13px;
}

.video-page-card-small .card-box .pic-box .framepreview-box {
    height: calc(100% + 10px);
    position: absolute;
    width: 100%;
    bottom: 0;
}

.video-page-card-small .card-box .pic-box .van-framepreview .van-fpbar-box {
    top: calc(100% - 10px);
}

.video-page-card-small .card-box .pic-box .watch-later-video {
    transition: opacity 0.3s;
    opacity: 0;
    border-radius: 6px;
    top: 6px;
    right: 6px;
}

.video-page-card-small .card-box .pic-box .watch-later-video .wl-tips {
    top: 32px;
}

.video-page-card-small .card-box .pic-box:hover .watch-later-video {
    transition-delay: 0.3s;
    opacity: 1;
}

.video-page-card-small .card-box .pic-box:hover .mask-video {
    opacity: 1;
}

.video-page-card-small .card-box .pic-box:hover .duration {
    opacity: 0;
}

.video-page-card-small .card-box .info {
    margin-left: 10px;
    flex: 1;
    font-size: 13px;
    line-height: 15px;
    width: calc(100% - 151px);
}

.video-page-card-small .card-box .info .title {
    color: #18191C;
    color: var(--text1);
    display: block;
    font-size: 15px;
    line-height: 19px;
    transition: color 0.3s;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-page-card-small .card-box .info .title {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-page-card-small .card-box .info .title:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-page-card-small .card-box .info .upname {
    cursor: pointer;
    margin: 2px 0;
    height: 20px;
}

.video-page-card-small .card-box .info .upname a {
    color: #9499A0;
    color: var(--text3);
    transition: color 0.3s;
    display: inline-flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.video-page-card-small .card-box .info .upname a svg {
    margin-right: 4px;
    fill: #9499A0;
    fill: var(--text3);
    transition: fill 0.3s;
    transform: translateY(0.5px);
}

.video-page-card-small .card-box .info .upname a .name {
    width: calc(100% - 24px);
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.video-page-card-small .card-box .info .upname a:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-page-card-small .card-box .info .upname a:hover svg {
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.video-page-card-small .card-box .info .playinfo {
    color: #9499A0;
    color: var(--text3);
    display: inline-flex;
    align-items: center;
}

.video-page-card-small .card-box .info .playinfo .play,
.video-page-card-small .card-box .info .playinfo .dm {
    margin-right: 4px;
}

.video-page-card-small .card-box .info .playinfo .dm {
    margin-left: 8px;
}

.video-page-card-small .card-box .info .pre-mask {
    height: 15px;
    background: #C9CCD0;
    background: var(--graph_weak);
    border-radius: 6px;
}

@media (min-width: 1681px) {
    .video-page-card-small {
        margin-bottom: 16px;
    }

    .video-page-card-small .card-box .pic-box {
        width: 189px;
        height: 107px;
    }

    .video-page-card-small .card-box .pic-box .pic .duration {
        font-size: 14px;
        line-height: 16px;
    }

    .video-page-card-small .card-box .info {
        font-size: 14px;
        line-height: 16px;
        width: calc(100% - 199px);
    }

    .video-page-card-small .card-box .info .title {
        font-size: 16px;
        line-height: 20px;
    }

    .video-page-card-small .card-box .info .upname {
        margin: 4px 0;
    }
}

.video-page-special-card-small[data-v-5d9de999] {
    margin-bottom: 12px;
}

.video-page-special-card-small .card-box[data-v-5d9de999] {
    display: flex;
}

.video-page-special-card-small .card-box .pic-box[data-v-5d9de999] {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 6px;
    background: #C9CCD0;
    background: var(--graph_weak);
}

.video-page-special-card-small .card-box .pic-box .pic[data-v-5d9de999] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}

.video-page-special-card-small .card-box .pic-box .pic img[data-v-5d9de999] {
    width: 100%;
    height: 100%;
}

.video-page-special-card-small .card-box .pic-box .pic img[src=''][data-v-5d9de999] {
    opacity: 0;
}

.video-page-special-card-small .card-box .info[data-v-5d9de999] {
    margin-left: 10px;
    flex: 1;
}

.video-page-special-card-small .card-box .info .title[data-v-5d9de999] {
    color: #18191C;
    color: var(--text1);
    cursor: pointer;
    line-height: 19px;
    font-size: 15px;
    margin-bottom: 6px;
    transition: color 0.3s;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-page-special-card-small .card-box .info .title[data-v-5d9de999] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-page-special-card-small .card-box .info .title[data-v-5d9de999]:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-page-special-card-small .card-box .info .desc[data-v-5d9de999] {
    display: inline-block;
    line-height: 15px;
    width: 100%;
    color: #9499A0;
    color: var(--text3);
    font-size: 13px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.video-page-special-card-small .card-box .info .pre-mask[data-v-5d9de999] {
    background: #C9CCD0;
    background: var(--graph_weak);
    border-radius: 6px;
    height: 16px;
}

@media (min-width: 1681px) {
    .video-page-special-card-small[data-v-5d9de999] {
        margin-bottom: 16px;
    }

    .video-page-special-card-small .card-box .pic-box[data-v-5d9de999] {
        width: 189px;
        height: 107px;
    }

    .video-page-special-card-small .card-box .info .title[data-v-5d9de999] {
        font-size: 16px;
        line-height: 20px;
    }

    .video-page-special-card-small .card-box .info .desc[data-v-5d9de999] {
        font-size: 14px;
        line-height: 16px;
    }
}

.video-page-operator-card-small {
    margin-bottom: 12px;
}

.video-page-operator-card-small .card-box {
    display: flex;
}

.video-page-operator-card-small .card-box .pic-box {
    position: relative;
    width: 141px;
    height: 80px;
    border-radius: 6px;
    background: #C9CCD0;
    background: var(--graph_weak);
    flex: 0 0 auto;
}

.video-page-operator-card-small .card-box .pic-box .pic {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}

.video-page-operator-card-small .card-box .pic-box .pic.loaded:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    width: 100%;
    padding: 6px 8px;
    box-sizing: border-box;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    border-radius: 0 0 6px 6px;
}

.video-page-operator-card-small .card-box .pic-box .pic img {
    width: 100%;
    height: 100%;
}

.video-page-operator-card-small .card-box .pic-box .pic img[src=''] {
    opacity: 0;
}

.video-page-operator-card-small .card-box .pic-box .pic .mask-video {
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.07);
    transition: opacity 0.3s;
    pointer-events: none;
}

.video-page-operator-card-small .card-box .pic-box .pic .duration {
    position: absolute;
    bottom: 6px;
    right: 8px;
    color: var(--Wh0_u);
    color: var(--text_white);
    line-height: 15px;
    transition: opacity 0.3s;
    z-index: 5;
    font-size: 13px;
}

.video-page-operator-card-small .card-box .pic-box .pic .framepreview-box {
    height: calc(100% + 10px);
    position: absolute;
    width: 100%;
    bottom: 0;
}

.video-page-operator-card-small .card-box .pic-box .pic .van-framepreview .van-fpbar-box {
    top: calc(100% - 10px);
}

.video-page-operator-card-small .card-box .pic-box .watch-later-video {
    transition: opacity 0.3s;
    opacity: 0;
    border-radius: 6px;
    top: 6px;
    right: 6px;
}

.video-page-operator-card-small .card-box .pic-box .watch-later-video .wl-tips {
    top: 32px;
}

.video-page-operator-card-small .card-box .pic-box:hover .watch-later-video {
    transition-delay: 0.3s;
    opacity: 1;
}

.video-page-operator-card-small .card-box .pic-box:hover .mask-video {
    opacity: 1;
}

.video-page-operator-card-small .card-box .pic-box:hover .duration {
    opacity: 0;
}

.video-page-operator-card-small .card-box .info {
    margin-left: 10px;
    flex: 1;
    font-size: 13px;
    line-height: 15px;
    width: calc(100% - 151px);
}

.video-page-operator-card-small .card-box .info .title {
    color: #18191C;
    color: var(--text1);
    line-height: 19px;
    font-size: 15px;
    transition: color 0.3s;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-page-operator-card-small .card-box .info .title {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-page-operator-card-small .card-box .info .title:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-page-operator-card-small .card-box .info .upname {
    cursor: pointer;
    margin: 2px 0;
    color: #9499A0;
    color: var(--text3);
    height: 20px;
}

.video-page-operator-card-small .card-box .info .upname a {
    width: 100%;
    height: 100%;
    color: #9499A0;
    color: var(--text3);
    transition: color 0.3s;
    display: inline-flex;
    align-items: center;
}

.video-page-operator-card-small .card-box .info .upname a svg {
    margin-right: 4px;
    fill: #9499A0;
    fill: var(--text3);
    transition: fill 0.3s;
    transform: translateY(0.5px);
}

.video-page-operator-card-small .card-box .info .upname a .name {
    width: calc(100% - 24px);
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.video-page-operator-card-small .card-box .info .upname a:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.video-page-operator-card-small .card-box .info .upname a:hover svg {
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.video-page-operator-card-small .card-box .info .playinfo {
    color: #9499A0;
    color: var(--text3);
    display: inline-flex;
    align-items: center;
}

.video-page-operator-card-small .card-box .info .playinfo .play,
.video-page-operator-card-small .card-box .info .playinfo .dm {
    margin-right: 4px;
}

.video-page-operator-card-small .card-box .info .playinfo .dm {
    margin-left: 8px;
}

.video-page-operator-card-small .card-box .info .pre-mask {
    height: 16px;
    background: #C9CCD0;
    background: var(--graph_weak);
    border-radius: 6px;
}

@media (min-width: 1681px) {
    .video-page-operator-card-small {
        margin-bottom: 16px;
    }

    .video-page-operator-card-small .card-box .pic-box {
        width: 189px;
        height: 107px;
    }

    .video-page-operator-card-small .card-box .pic-box .pic .duration {
        font-size: 14px;
        line-height: 16px;
    }

    .video-page-operator-card-small .card-box .info {
        font-size: 14px;
        line-height: 16px;
        width: calc(100% - 199px);
    }

    .video-page-operator-card-small .card-box .info .title {
        font-size: 16px;
        line-height: 20px;
    }

    .video-page-operator-card-small .card-box .info .upname {
        margin: 4px 0;
    }
}

.video-page-game-card-small[data-v-78eeba68] {
    margin-bottom: 18px;
}

.video-page-game-card-small .card-box[data-v-78eeba68] {
    display: flex;
    cursor: pointer;
}

.video-page-game-card-small .card-box .pic-box[data-v-78eeba68] {
    position: relative;
    width: 141px;
    height: 80px;
    margin-right: 10px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #C9CCD0;
    background-color: var(--graph_weak);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.0676234), rgba(0, 0, 0, 0.0676234));
}

.video-page-game-card-small .card-box .pic-box .pic-blur[data-v-78eeba68] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    background-size: cover;
    background-position: 50%;
    filter: blur(12px);
}

.video-page-game-card-small .card-box .pic-box .pic[data-v-78eeba68] {
    position: absolute;
    overflow: hidden;
    border-radius: 6px;
    width: 68px;
    height: 68px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-page-game-card-small .card-box .pic-box .pic img[data-v-78eeba68] {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.video-page-game-card-small .card-box .pic-box .pic img[src=''][data-v-78eeba68] {
    opacity: 0;
}

.video-page-game-card-small .card-box .info[data-v-78eeba68] {
    width: calc(100% - 151px);
}

.video-page-game-card-small .card-box .info .title[data-v-78eeba68] {
    font-size: 15px;
    color: #18191C;
    color: var(--text1);
    line-height: 19px;
    margin-bottom: 6px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-page-game-card-small .card-box .info .title[data-v-78eeba68] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.video-page-game-card-small .card-box .info .book-count[data-v-78eeba68] {
    font-size: 12px;
    color: #61666D;
    color: var(--text2);
    height: 14px;
    line-height: 14px;
    margin-bottom: 4px;
}

.video-page-game-card-small .card-box .info .grade[data-v-78eeba68] {
    display: flex;
    align-items: baseline;
    height: 16px;
    width: 100%;
    color: #61666D;
    color: var(--text2);
    font-size: 12px;
}

.video-page-game-card-small .card-box .info .grade .van-rate[data-v-78eeba68] {
    display: inline-block;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-right: 4px;
}

.video-page-game-card-small .card-box .info .grade .van-rate .van-rate-star[data-v-78eeba68] {
    font-size: 16px;
    margin-right: 1px;
    vertical-align: unset;
}

.video-page-game-card-small .card-box .info .grade .grade-text[data-v-78eeba68] {
    font-size: 13px;
    line-height: 20px;
    color: #9499A0;
    color: var(--text3);
}

.video-page-game-card-small .card-box .info .enter-button[data-v-78eeba68] {
    margin-top: 8px;
    display: inline-block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 6px;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    font-size: 14px;
    color: #00AEEC;
    color: var(--brand_blue);
    box-sizing: border-box;
}

.video-page-game-card-small .card-box .info .pre-mask[data-v-78eeba68] {
    background: #C9CCD0;
    background: var(--graph_weak);
    border-radius: 2px;
    border: none;
}

.video-page-game-card-small .card-box .info .pre-mask i[data-v-78eeba68] {
    display: none;
}

@media (min-width: 1681px) {
    .video-page-game-card-small[data-v-78eeba68] {
        margin-bottom: 20px;
    }

    .video-page-game-card-small .card-box .pic-box[data-v-78eeba68] {
        width: 189px;
        height: 106px;
    }

    .video-page-game-card-small .card-box .pic-box .pic[data-v-78eeba68] {
        width: 90px;
        height: 90px;
    }

    .video-page-game-card-small .card-box .info[data-v-78eeba68] {
        width: calc(100% - 199px);
    }

    .video-page-game-card-small .card-box .info .title[data-v-78eeba68] {
        font-size: 16px;
        line-height: 20px;
        display: -webkit-box;
        overflow: hidden;
        /*! autoprefixer: ignore next */
        -webkit-box-orient: vertical;
        text-overflow: -o-ellipsis-lastline;
        text-overflow: ellipsis;
        word-break: break-word;
        -webkit-line-clamp: 2;
    }
}

.recommend-list-v1[data-v-036330a2] {
    margin-top: 18px;
}

.recommend-list-v1 .rec-title[data-v-036330a2] {
    font-size: 15px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    color: #18191C;
    color: var(--text1);
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    line-height: 20px;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .recommend-list-v1 .rec-title[data-v-036330a2] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.recommend-list-v1 .rec-title .next-button[data-v-036330a2] {
    color: #9499A0;
    color: var(--text3);
    font-size: 13px;
    line-height: 16px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .recommend-list-v1 .rec-title .next-button[data-v-036330a2] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.recommend-list-v1 .rec-title .next-button .switch-button[data-v-036330a2] {
    background: #9499A0;
    background: var(--text3);
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
}

.recommend-list-v1 .rec-title .next-button .switch-button.on[data-v-036330a2] {
    background: #00AEEC;
    background: var(--brand_blue);
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
}

.recommend-list-v1 .split-line[data-v-036330a2] {
    width: 100%;
    height: 1px;
    background: #E3E5E7;
    background: var(--line_regular);
}

.recommend-list-v1 .rec-list[data-v-036330a2] {
    margin-top: 18px;
}

.recommend-list-v1 .rec-footer[data-v-036330a2] {
    height: 42px;
    background: #F1F2F3;
    background: var(--bg3);
    color: #18191C;
    color: var(--text1);
    margin-top: 10px;
    text-align: center;
    line-height: 42px;
    cursor: pointer;
    border-radius: 6px;
}

@media (min-width: 1681px) {
    .recommend-list-v1[data-v-036330a2] {
        margin-top: 20px;
    }

    .recommend-list-v1 .rec-title[data-v-036330a2] {
        font-size: 16px;
    }

    .recommend-list-v1 .rec-title .next-button[data-v-036330a2] {
        font-size: 14px;
    }

    .recommend-list-v1 .rec-list[data-v-036330a2] {
        margin-top: 20px;
    }
}

.pop-live-small-mode[data-v-f6846ab4] {
    margin: 18px 0;
}

.pop-live-small-mode:hover .pl__mask[data-v-f6846ab4] {
    visibility: visible;
    opacity: 1;
}

.pop-live-small-mode:hover .pl__mask .pl__live[data-v-f6846ab4] {
    visibility: visible;
    opacity: 1;
}

.pop-live-small-mode .pl__head[data-v-f6846ab4] {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 12px;
    color: #18191C;
    color: var(--text1);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .pop-live-small-mode .pl__head[data-v-f6846ab4] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.pop-live-small-mode .pl__card[data-v-f6846ab4] {
    position: relative;
    overflow: hidden;
}

.pop-live-small-mode .pl__card__inner[data-v-f6846ab4] {
    border-radius: 6px;
}

.pop-live-small-mode .pl__cover[data-v-f6846ab4] {
    display: inline-block;
    width: 100%;
    height: 197px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #C9CCD0;
    background-color: var(--graph_weak);
    background-image: none;
}

.pop-live-small-mode .pl__info[data-v-f6846ab4] {
    display: flex;
    align-items: center;
    margin-top: 6px;
}

.pop-live-small-mode .pl__face[data-v-f6846ab4] {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    overflow: hidden;
    flex: none;
    margin-right: 10px;
    background-color: #C9CCD0;
    background-color: var(--graph_weak);
    background-image: none;
}

.pop-live-small-mode .pl__title[data-v-f6846ab4] {
    font-size: 15px;
    line-height: 19px;
    color: #18191C;
    color: var(--text1);
    margin-bottom: 6px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .pop-live-small-mode .pl__title[data-v-f6846ab4] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.pop-live-small-mode .pl__user[data-v-f6846ab4] {
    height: 20px;
    line-height: 16px;
    color: #9499A0;
    color: var(--text3);
    fill: #9499A0;
    fill: var(--text3);
    font-size: 13px;
    transition: all 0.3s;
}

.pop-live-small-mode .pl__name__text[data-v-f6846ab4] {
    max-width: 180px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
}

.pop-live-small-mode .pl__online[data-v-f6846ab4] {
    margin-left: 6px;
}

.pop-live-small-mode .pl__online .icon[data-v-f6846ab4] {
    width: 16px;
    margin-right: 4px;
    transform: translateY(-1px);
}

.pop-live-small-mode .pl__online span[data-v-f6846ab4] {
    transform: translateY(-1.5px);
}

.pop-live-small-mode .pl__icon[data-v-f6846ab4] {
    margin-right: 4px;
    transform: translateY(0.5px);
}

.pop-live-small-mode .pl__user__block[data-v-f6846ab4] {
    display: inline-flex;
    align-items: center;
}

.pop-live-small-mode .pl__mask[data-v-f6846ab4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 197px;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 4px 4px 0 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s all linear;
}

.pop-live-small-mode .pl__mask .pl__live[data-v-f6846ab4] {
    transition: 0.3s all linear;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    top: 50%;
    margin-top: -12px;
    z-index: 2;
    width: 70px;
    height: 24px;
    text-align: center;
}

.pop-live-small-mode .pl__mask .pl__icon--live[data-v-f6846ab4] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #FF6699;
    background-color: var(--brand_pink);
    margin-right: 5px;
    vertical-align: middle;
}

.pop-live-small-mode .pl__mask .pl__live__text[data-v-f6846ab4] {
    position: static;
    background-color: transparent;
    display: inline-block;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    font-size: 20px;
    line-height: 24px;
    vertical-align: middle;
    color: var(--Wh0_u);
    color: var(--text_white);
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .pop-live-small-mode .pl__mask .pl__live__text[data-v-f6846ab4] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

@media (min-width: 1681px) {
    .pop-live-small-mode[data-v-f6846ab4] {
        margin: 20px 0;
    }

    .pop-live-small-mode .pl__head[data-v-f6846ab4] {
        font-size: 16px;
    }

    .pop-live-small-mode .pl__cover[data-v-f6846ab4],
    .pop-live-small-mode .pl__mask[data-v-f6846ab4] {
        height: 231px;
    }

    .pop-live-small-mode .pl__title[data-v-f6846ab4] {
        font-size: 16px;
        line-height: 20px;
    }

    .pop-live-small-mode .pl__user[data-v-f6846ab4] {
        font-size: 14px;
    }
}

#bilibili-player {
    z-index: 10;
}

#bilibili-player embed {
    width: 100%;
    height: 100%;
}

#bilibili-player .player {
    height: 100%;
}

.ad-floor-exp {
    position: relative;
}

.ad-floor-exp .lazy-img {
    background: transparent;
}

.ad-floor-exp .lazy-img img {
    border-radius: 6px;
}

.ad-floor-exp .gg-pic {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 38px;
    height: 22px;
}

.slide-ad-exp[data-v-c4f878f4]:not(:empty) {
    min-height: 1px;
}

.slide-ad-exp .slide-gg[data-v-c4f878f4] {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
    background: #C9CCD0;
    background: var(--graph_weak);
    margin-bottom: 18px;
}

.slide-ad-exp .slide-gg .gg-pic[data-v-c4f878f4] {
    position: absolute;
    width: 38px;
    height: 22px;
    left: 3px;
    bottom: 3px;
}

.slide-ad-exp .slide-gg .item-box[data-v-c4f878f4] {
    z-index: 1;
    /* fix van-slide mountedä¹‹å‰å®½é«˜ä¸º0çš„é—®é¢˜ */
    width: 100% !important;
    height: 100% !important;
}

.slide-ad-exp .slide-gg .item-box .item .link[data-v-c4f878f4] {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.slide-ad-exp .slide-gg .item-box .item .link img[data-v-c4f878f4] {
    width: 100%;
    height: 100%;
}

.slide-ad-exp .slide-gg .slide-trig[data-v-c4f878f4] {
    position: absolute;
    right: 10px;
    bottom: 6px;
    z-index: 2;
}

.slide-ad-exp .slide-gg .slide-trig span[data-v-c4f878f4] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFFFFF;
    background: var(--bg1);
    margin-right: 6px;
    cursor: pointer;
}

.slide-ad-exp .slide-gg .slide-trig span.on[data-v-c4f878f4] {
    background: #00AEEC;
    background: var(--brand_blue);
}

.slide-ad-exp .slide-gg .close-btn[data-v-c4f878f4] {
    z-index: 2;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 15px;
    height: 15px;
    text-align: center;
    line-height: 15px;
    background: #FFFFFF;
    background: var(--bg1);
    border-radius: 2px;
    cursor: pointer;
}

.slide-ad-exp .slide-gg .close-btn i[data-v-c4f878f4] {
    color: #C9CCD0;
    color: var(--graph_weak);
    font-size: 12px;
}

@media (min-width: 1681px) {
    .slide-ad-exp .slide-gg[data-v-c4f878f4] {
        height: 235px;
        margin-bottom: 20px;
    }
}

.user-card-m-exp {
    font-size: 12px;
    position: absolute;
    z-index: 10099;
    border-radius: 8px;
    width: 366px;
    box-sizing: border-box;
    cursor: default;
    transition: left 0.3s, top 0.3s;
}

.user-card-m-exp a {
    text-decoration: none;
}

.user-card-m-exp p {
    margin: 0;
}

.user-card-m-exp .loading {
    min-height: 230px;
}

.user-card-m-exp .loading .mc1 {
    background: #C9CCD0;
    background: var(--graph_weak);
    height: 120px;
    border-radius: 8px 8px 0 0;
}

.user-card-m-exp .loading .mc2 {
    padding: 0 0 0 100px;
    position: relative;
}

.user-card-m-exp .loading .mc3 {
    background: #C9CCD0;
    background: var(--graph_weak);
    height: 24px;
    margin-top: 12px;
}

.user-card-m-exp .loading .mc4 {
    position: absolute;
    width: 80px;
    height: 60px;
    background: #C9CCD0;
    background: var(--graph_weak);
    top: 0;
    left: 0;
}

.user-card-m-exp .bg {
    width: 100%;
    height: 85px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.user-card-m-exp .user-info-wrapper {
    position: relative;
    display: flex;
    padding: 0 20px 16px 10px;
}

.user-card-m-exp .user-info-wrapper .face {
    position: relative;
    top: 10px;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    background-color: #C9CCD0;
    background-color: var(--graph_weak);
    margin-right: 12px;
}

.user-card-m-exp .user-info-wrapper .face img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
}

.user-card-m-exp .user-info-wrapper .face .auth {
    position: absolute;
    width: 14px;
    height: 14px;
    right: 0;
    top: 34px;
}

.user-card-m-exp .user-info-wrapper .info p {
    margin: 0;
    color: #18191C;
    color: var(--text1);
}

.user-card-m-exp .user-info-wrapper .info .sign {
    line-height: 17px;
    color: #9499A0;
    color: var(--text3);
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
}

.user-card-m-exp .user-info-wrapper .info .social {
    margin-bottom: 10px;
}

.user-card-m-exp .user-info-wrapper .info .social a {
    color: #18191C;
    color: var(--text1);
    margin-right: 18px;
}

.user-card-m-exp .user-info-wrapper .info .social .tip_text {
    color: #9499A0;
    color: var(--text3);
    margin-left: 3px;
}

.user-card-m-exp .user-info-wrapper .info .official-wrapper {
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    line-height: 17px;
    margin-bottom: 8px;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
}

.user-card-m-exp .user-info-wrapper .info .official-wrapper .official-icon {
    width: 14px;
    height: 14px;
    margin-right: 2px;
    vertical-align: sub;
}

.user-card-m-exp .user-info-wrapper .info .user {
    margin-top: 12px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.user-card-m-exp .user-info-wrapper .info .user .name {
    color: #18191C;
    color: var(--text1);
    max-width: 158px;
    margin-right: 4px;
    font-size: 16px;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .user-card-m-exp .user-info-wrapper .info .user .name {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.user-card-m-exp .user-info-wrapper .info .user .user-sex {
    margin-right: 5px;
}

.user-card-m-exp .user-info-wrapper .info .user .user-label {
    display: inline-block;
    box-sizing: border-box;
    max-width: 58px;
    height: 16px;
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #FF6699;
    background: var(--brand_pink);
    border-radius: 2px;
    line-height: 16px;
    font-size: 12px;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .user-card-m-exp .user-info-wrapper .info .user .user-label {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.user-card-m-exp .user-info-wrapper .info .user .user-label .label-size {
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center;
    transform: scale(0.83);
}

.user-card-m-exp .user-info-wrapper .info .level {
    display: inline-block;
    width: 25px;
    height: 14px;
}

.user-card-m-exp .user-info-wrapper .info .level.senior {
    width: 35px;
    height: 14px;
}

.user-card-m-exp .user-info-wrapper .info .level svg {
    width: 100%;
    height: 100%;
}

.user-card-m-exp .user-info-wrapper .info .btn-box {
    display: flex;
    margin-top: 16px;
}

.user-card-m-exp .user-info-wrapper .info .btn-box a {
    box-sizing: border-box;
    cursor: pointer;
    text-decoration: none;
    width: 100px;
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 4px;
    transition: all 0.3s;
    font-size: 14px;
}

.user-card-m-exp .user-info-wrapper .info .btn-box a .plus {
    color: var(--Wh0_u);
    color: var(--text_white);
    margin-right: 4px;
    font-size: 16px;
}

.user-card-m-exp .user-info-wrapper .info .btn-box .like {
    color: var(--Wh0_u);
    color: var(--text_white);
    border-color: #00AEEC;
    border-color: var(--brand_blue);
    background-color: #00AEEC;
    background-color: var(--brand_blue);
}

.user-card-m-exp .user-info-wrapper .info .btn-box .like:hover {
    border-color: #00b8f6;
    background-color: #00b8f6;
}

.user-card-m-exp .user-info-wrapper .info .btn-box .liked {
    background-color: #E3E5E7;
    background-color: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
}

.user-card-m-exp .user-info-wrapper .info .btn-box .liked:hover {
    background-color: #F1F2F3;
    background-color: var(--graph_bg_regular);
}

.user-card-m-exp .user-info-wrapper .info .btn-box .message {
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
    color: #61666D;
    color: var(--text2);
    background-color: transparent;
}

.user-card-m-exp .user-info-wrapper .info .btn-box .message:hover {
    color: #00AEEC;
    color: var(--brand_blue);
    border-color: #00AEEC;
    border-color: var(--brand_blue);
}

.user-card-m-exp .vip-red-name {
    color: #fb7299 !important;
}

.user-card-m-exp .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.user-card-m-exp.top-transform {
    transform: translateY(-100%);
}

.card-loaded {
    cursor: default;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
    background: var(--bg1_float);
    border: 0.5px solid #F1F2F3;
    border: 0.5px solid var(--line_light);
}

.float-nav-exp {
    position: fixed;
    right: 6px;
    bottom: 50px;
    z-index: 6;
}

.float-nav-exp .nav-menu .item {
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    box-sizing: border-box;
    border-radius: 6px;
    width: 40px;
    margin-bottom: 12px;
    transition: all 0.3s;
    cursor: pointer;
    color: #18191C;
    color: var(--text1);
    fill: #18191C;
    fill: var(--text1);
    text-align: center;
    padding: 8px 0 4px 0;
    background-color: #FFFFFF;
    background-color: var(--bg1_float);
}

.float-nav-exp .nav-menu .item.issue,
.float-nav-exp .nav-menu .item.goback {
    padding: 8px 4px 4px;
    line-height: 14px;
}

.float-nav-exp .nav-menu .item.mini.on {
    color: #00AEEC;
    color: var(--brand_blue);
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.float-nav-exp .nav-menu .item.mini.on:hover {
    color: #fff;
    fill: #fff;
}

.float-nav-exp .nav-menu .item-icon {
    width: 24px;
    height: 24px;
    margin: 0 auto 2px;
}

.float-nav-exp .nav-menu .item-text {
    line-height: 14px;
}

.float-nav-exp .nav-menu .item:hover {
    background-color: #00AEEC;
    background-color: var(--brand_blue);
    color: #fff;
    fill: #fff;
}

.float-nav-exp .nav-menu .item.backup {
    padding: 8px 0;
    margin-bottom: 0;
}

.float-nav-exp .nav-menu .item.backup .item-icon {
    height: 8px;
}

.float-nav-exp .nav-menu .item.backold {
    padding: 8px 0;
    margin-top: 10px;
}

#app #bilibili-player.mini-player {
    width: 320px !important;
    height: 180px !important;
    min-height: auto;
    overflow: visible;
    position: fixed !important;
    top: unset;
    z-index: 99999;
    margin: 0;
    box-shadow: none;
}

#app #bilibili-player.mini-player .b-player-gray {
    display: none;
}

#app #bilibili-player.mini-player .app-banner {
    display: none;
}

#app #bilibili-player.mini-player:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    box-shadow: #F1F2F3 0 0 5px;
    box-shadow: var(--bg3) 0 0 5px;
    z-index: -1;
    border-radius: 4px;
}

#app #bilibili-player.mini-player .player {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
    border-radius: 4px;
    width: 320px !important;
    height: 180px !important;
    left: 0;
    overflow: hidden;
}

#app #bilibili-player.mini-player .move {
    width: 320px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #fff;
    z-index: 6001;
    display: none;
    box-shadow: #ddd 0 0 5px;
    cursor: move;
}

#app #bilibili-player.mini-player .move.on {
    height: 30px;
    box-shadow: #ddd 0 0 5px;
}

#app #bilibili-player.mini-player:hover .mini-player-drag-mask {
    opacity: 1;
}

#app #bilibili-player.mini-player .mini-player-drag-mask {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    cursor: move;
    z-index: 10;
    border-radius: 4px;
}

@media (min-width: 1681px) {
    #app #bilibili-player.mini-player {
        width: 360px !important;
        height: 203px !important;
    }

    #app #bilibili-player.mini-player .player {
        width: 360px !important;
        height: 203px !important;
    }

    #app #bilibili-player.mini-player .move {
        width: 360px;
    }
}

.fixed-nav[data-v-6e8525b4] {
    position: fixed;
    right: 6px;
    bottom: 223px;
    z-index: 100;
}

.fixed-nav .nav-menu .item[data-v-6e8525b4] {
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    box-sizing: border-box;
    border-radius: 6px;
    width: 40px;
    margin-bottom: 12px;
    transition: all 0.3s;
    cursor: pointer;
    color: #18191C;
    color: var(--text1);
    fill: #18191C;
    fill: var(--text1);
    text-align: center;
    padding: 8px 0 4px 0;
    background-color: #FFFFFF;
    background-color: var(--bg1_float);
}

.fixed-nav .nav-menu .item.issue[data-v-6e8525b4],
.fixed-nav .nav-menu .item.goback[data-v-6e8525b4] {
    padding: 8px 4px 4px;
    line-height: 14px;
}

.fixed-nav .nav-menu .item.mini.on[data-v-6e8525b4] {
    color: #00AEEC;
    color: var(--brand_blue);
    fill: #00AEEC;
    fill: var(--brand_blue);
}

.fixed-nav .nav-menu .item.mini.on[data-v-6e8525b4]:hover {
    color: #fff;
    fill: #fff;
}

.fixed-nav .nav-menu .item-icon[data-v-6e8525b4] {
    width: 24px;
    height: 24px;
    margin: 0 auto 2px;
}

.fixed-nav .nav-menu .item-text[data-v-6e8525b4] {
    line-height: 14px;
}

.fixed-nav .nav-menu .item[data-v-6e8525b4]:hover {
    background-color: #00AEEC;
    background-color: var(--brand_blue);
    color: #fff;
    fill: #fff;
}

.fixed-nav .nav-menu .item.backup[data-v-6e8525b4] {
    padding: 8px 0;
    margin-bottom: 0;
}

.fixed-nav .nav-menu .item.backup .item-icon[data-v-6e8525b4] {
    height: 8px;
}

.fixed-nav .nav-menu .item.backold[data-v-6e8525b4] {
    padding: 8px 0;
    margin-top: 10px;
}

.fixed-nav .theme-btn[data-v-6e8525b4] {
    margin-bottom: 12px;
    z-index: 6;
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    box-sizing: border-box;
    border-radius: 6px;
    width: 40px;
    transition: all 0.3s;
    cursor: pointer;
    color: #18191C;
    color: var(--text1);
    fill: #18191C;
    fill: var(--text1);
    text-align: center;
    padding: 8px 4px 4px;
    line-height: 14px;
    background-color: #FFFFFF;
    background-color: var(--bg1_float);
}

.fixed-nav .theme-btn[data-v-6e8525b4]:hover {
    color: #fff;
    background-color: #00AEEC;
    background-color: var(--brand_blue);
}

.note-list[data-v-d915c968] {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    background: #FFFFFF;
    background: var(--bg1_float);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.note-list-header[data-v-d915c968] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    height: 54px;
    font-size: 16px;
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
    color: #18191C;
    color: var(--text1);
}

.note-list-close[data-v-d915c968] {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/icon-close.svg) no-repeat center / 100%;
    color: #61666D;
    color: var(--text2);
    transition: color 0.2s;
    cursor: pointer;
}

.note-list-container[data-v-d915c968] {
    flex-grow: 1;
    padding: 0 20px;
    overflow: auto;
}

.note-list-card[data-v-d915c968] {
    display: flex;
    padding: 12px 0;
}

.note-list-card[data-v-d915c968]:not(:last-of-type) {
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
}

.note-list-avatar[data-v-d915c968] {
    flex-shrink: 0;
    margin: 6px 15px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
}

.note-list-avatar img[data-v-d915c968] {
    display: block;
    height: 100%;
    width: 100%;
}

.note-list-nickname[data-v-d915c968] {
    margin-top: 3px;
    font-size: 13px;
    line-height: 16px;
}

.note-list-nickname > a[data-v-d915c968] {
    color: #61666D;
    color: var(--text2);
}

.note-list-summary[data-v-d915c968] {
    display: -webkit-box;
    margin-top: 7px;
    font-size: 12px;
    line-height: 20px;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
    color: #18191C;
    color: var(--text1);
}

.note-list-info[data-v-d915c968] {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 11px;
    line-height: 16px;
}

.note-list-detail[data-v-d915c968] {
    color: #00AEEC;
    color: var(--brand_blue);
    transition: color 0.2s;
}

.note-list-detail[data-v-d915c968]:hover {
    color: #00b8f6;
}

.note-list-time[data-v-d915c968] {
    color: #9499A0;
    color: var(--text3);
}

.note-list-footer[data-v-d915c968] {
    flex-shrink: 0;
    padding: 11px 20px;
}

.note-list-btn[data-v-d915c968] {
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    border-radius: 2px;
    background: #00AEEC;
    background: var(--brand_blue);
    color: var(--Wh0_u);
    color: var(--text_white);
    cursor: pointer;
    transition: background-color 0.2s;
}

.note-list-btn[data-v-d915c968]:hover {
    background: #00b8f6;
}

.note-list .level[data-v-d915c968] {
    display: inline-block;
    margin-left: 6px;
    width: 22px;
    height: 14px;
    font-size: 0;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.note-list .level.lv0[data-v-d915c968] {
    background-image: url();
}

.note-list .level.lv1[data-v-d915c968] {
    background-image: url();
}

.note-list .level.lv2[data-v-d915c968] {
    background-image: url();
}

.note-list .level.lv3[data-v-d915c968] {
    background-image: url();
}

.note-list .level.lv4[data-v-d915c968] {
    background-image: url();
}

.note-list .level.lv5[data-v-d915c968] {
    background-image: url();
}

.note-list .level.lv6[data-v-d915c968] {
    background-image: url();
}

.collection-m-exp {
    width: 420px;
    border-radius: 4px;
    background: #FFFFFF;
    background: var(--bg1_float);
    overflow: hidden;
}

.collection-m-exp .title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #18191C;
    color: var(--text1);
    border-bottom: #E3E5E7;
    border-bottom: var(--line_regular);
    text-align: center;
}

.collection-m-exp .title .close {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    height: 50px;
    background: url() no-repeat center;
    cursor: pointer;
}

.collection-m-exp .content {
    padding: 0 36px;
    height: 300px;
    overflow: auto;
}

.collection-m-exp .content .info {
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    margin: 14px 0;
}

.collection-m-exp .content .info .uname {
    color: #61666D;
    color: var(--text2);
}

.collection-m-exp .content .group-list {
    max-height: 300px;
    padding-bottom: 14px;
}

.collection-m-exp .content .group-list ul {
    position: relative;
    margin-top: 24px;
    min-height: 210px;
}

.collection-m-exp .content .group-list ul .collection-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #FFFFFF;
    background: var(--bg1_float);
}

.collection-m-exp .content .group-list li {
    padding-bottom: 24px;
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    cursor: pointer;
}

.collection-m-exp .content .group-list li label {
    cursor: pointer;
    display: block;
}

.collection-m-exp .content .group-list li label .personal {
    color: #9499A0;
    color: var(--text3);
}

.collection-m-exp .content .group-list li label.disable {
    color: #9499A0;
    color: var(--text3);
}

.collection-m-exp .content .group-list li label.disable:hover {
    color: #9499A0;
    color: var(--text3);
}

.collection-m-exp .content .group-list li label.disable input[type='checkbox'] + i {
    background: url();
}

.collection-m-exp .content .group-list li label.disable input[type='checkbox']:hover + i {
    background: url();
}

.collection-m-exp .content .group-list li label .count {
    float: right;
    color: #61666D;
    color: var(--text2);
    font-size: 12px;
}

.collection-m-exp .content .group-list li input[type='checkbox'] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    vertical-align: middle;
    display: none;
}

.collection-m-exp .content .group-list li input[type='checkbox'] + i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    background: url();
}

.collection-m-exp .content .group-list li input[type='checkbox']:hover + i {
    background: url();
}

.collection-m-exp .content .group-list li input[type='checkbox']:checked + i {
    background: url();
}

.collection-m-exp .content .group-list li input[type='checkbox']:checked:hover + i {
    background: url();
}

.collection-m-exp .content .group-list li .fav-title {
    max-width: 220px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.collection-m-exp .content .group-list li:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.collection-m-exp .content .group-list .add-group {
    margin-bottom: 5px;
    width: 348px;
}

.collection-m-exp .content .group-list .add-group .add-btn {
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
    border-radius: 4px;
    background: url() no-repeat 10px center;
    font-size: 12px;
    color: #61666D;
    color: var(--text2);
    cursor: pointer;
}

.collection-m-exp .content .group-list .add-group .add-btn:hover {
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
}

.collection-m-exp .content .group-list .add-group .fav-add-tip {
    display: inline-block;
    line-height: 40px;
    height: 40px;
    position: absolute;
    top: -52px;
    padding: 0 10px;
    border-radius: 4px;
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00AEEC;
    background: var(--brand_blue);
}

.collection-m-exp .content .group-list .add-group .fav-add-tip .blue-arrow {
    position: absolute;
    background-image: url('//static.hdslb.com/images/collection/blue-arrow.png');
    background-repeat: no-repeat;
    left: 60px;
    top: 40px;
    width: 14px;
    height: 6px;
}

.collection-m-exp .content .group-list .add-group .fav-add-tip .icon-close {
    display: inline-block;
    margin-left: 10px;
    line-height: 28px;
    opacity: 0.9 !important;
    filter: alpha(opacity=90) !important;
    cursor: pointer;
    vertical-align: middle;
    background: url('//static.hdslb.com/images/collection/close-white.png') center no-repeat;
    width: 24px;
    height: 24px;
}

.collection-m-exp .content .group-list .add-group .input-group {
    height: 34px;
    line-height: 34px;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    border-radius: 4px;
    position: relative;
}

.collection-m-exp .content .group-list .add-group .input-group input {
    border: none;
    font-size: 12px;
    width: 200px;
    margin-left: 10px;
    padding: 0;
    box-shadow: none;
    height: 100%;
    background: transparent;
    color: #18191C;
    color: var(--text1);
}

.collection-m-exp .content .group-list .add-group .input-group .submit {
    float: right;
    height: 34px;
    width: 90px;
    background: #d9f1f9;
    border: none;
    border-left: 1px solid #00AEEC;
    border-left: 1px solid var(--brand_blue);
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: #00AEEC;
    color: var(--brand_blue);
    cursor: pointer;
}

.collection-m-exp .content::-webkit-scrollbar {
    width: 6px;
}

.collection-m-exp .content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.collection-m-exp .bottom {
    height: 76px;
    text-align: center;
    margin: 0 36px;
    border-top: 1px solid #E3E5E7;
    border-top: 1px solid var(--line_regular);
}

.collection-m-exp .bottom .btn {
    font-size: 14px;
    width: 160px;
    height: 40px;
    margin-top: 18px;
    background: #00AEEC;
    background: var(--brand_blue);
    border: none;
    border-radius: 4px;
    color: var(--Wh0_u);
    color: var(--text_white);
    cursor: pointer;
}

.collection-m-exp .bottom .btn:hover {
    background: #00b8f6;
}

.collection-m-exp .bottom .btn.disable {
    background-color: #E3E5E7;
    background-color: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
}

.collection-m-exp .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.coin-operated-m-exp {
    width: 430px;
    background: #FFFFFF;
    background: var(--bg1_float);
    border-radius: 4px;
    overflow: hidden;
}

.coin-operated-m-exp .close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 16px;
    cursor: pointer;
    background: url() no-repeat center;
}

.coin-operated-m-exp .coin-title {
    font-size: 16px;
    margin-top: 20px;
    color: #18191C;
    color: var(--text1);
    text-align: center;
}

.coin-operated-m-exp .coin-title span {
    font-size: 30px;
    color: #00AEEC;
    color: var(--brand_blue);
}

.coin-operated-m-exp .mc {
    text-align: center;
}

.coin-operated-m-exp .mc-box {
    overflow: hidden;
    position: relative;
    display: inline-block;
    margin-right: 30px;
    margin-top: 35px;
    width: 160px;
    height: 230px;
    border: 2px dashed #ccd0d6;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
}

.coin-operated-m-exp .mc-box.left-con {
    margin-left: 35px;
    background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/22-coin.png);
    background-size: 120px;
}

.coin-operated-m-exp .mc-box.right-con {
    background-image: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/33-coin.png);
    background-size: 120px;
}

.coin-operated-m-exp .mc-box .c-num {
    color: #9499A0;
    color: var(--text3);
    text-align: left;
    font-size: 14px;
    line-height: 40px;
    position: absolute;
    left: 15px;
    top: 0px;
}

.coin-operated-m-exp .mc-box .coin-run-box {
    width: 120px;
    height: 206px;
    overflow: hidden;
    margin: 0 auto;
}

.coin-operated-m-exp .mc-box .coin-run {
    opacity: 0;
    height: 193px;
    margin-top: 19px;
}

.coin-operated-m-exp .mc-box:hover {
    border-color: #02a0d8;
}

.coin-operated-m-exp .mc-box.on {
    border-style: solid;
    border-color: #02a0d8;
    background: transparent;
}

.coin-operated-m-exp .mc-box.on .c-num {
    color: #00AEEC;
    color: var(--brand_blue);
}

.coin-operated-m-exp .mc-box.on .coin-run {
    opacity: 1;
    animation: coin-run-animation 2s steps(23) infinite;
}

.coin-operated-m-exp .like-checkbox {
    margin: 12px 0 0 37px;
    font-size: 12px;
    color: #18191C;
    color: var(--text1);
    line-height: 16px;
}

.coin-operated-m-exp .like-checkbox input[type='checkbox'] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    display: none;
}

.coin-operated-m-exp .like-checkbox input[type='checkbox'] + i {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    background: url();
}

.coin-operated-m-exp .like-checkbox input[type='checkbox']:checked + i {
    background: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/checkbox_selected.svg);
}

.coin-operated-m-exp .coin-bottom {
    text-align: center;
    padding: 25px 0;
}

.coin-operated-m-exp .coin-bottom .b-btn {
    width: 92px;
    height: 22px;
    line-height: 22px;
}

.coin-operated-m-exp .coin-bottom .tips {
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    margin-top: 10px;
}

.coin-operated-m-exp .coin-bottom .bi-btn {
    display: inline-block;
    background: #00AEEC;
    background: var(--brand_blue);
    color: var(--Wh0_u);
    color: var(--text_white);
    font-size: 14px;
    padding: 4px 18px;
    border-radius: 4px;
    transition: all 0.3s;
    user-select: none;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    text-align: center;
    cursor: pointer;
}

.coin-operated-m-exp .coin-bottom .bi-btn:hover {
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00b8f6;
    border-color: #00b8f6;
}

.coin-operated-m-exp .coin-bottom .bi-btn:active {
    background: #01769c;
    border-color: #01769c;
}

@keyframes coin-run-animation {
    0% {
        transform: translate3d(0px, 0, 0);
    }
    100% {
        transform: translate3d(-2767px, 0, 0);
    }
}

.app-watch-exp {
    border: 1px solid #F1F2F3;
    border: 1px solid var(--line_light);
    color: #18191C;
    color: var(--text1);
    background: #FFFFFF;
    background: var(--bg1_float);
    width: 420px;
    border-radius: 2px;
    z-index: 20;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14);
}

.app-watch-exp .title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #18191C;
    color: var(--text1);
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
    text-align: center;
}

.app-watch-exp .title .close {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    background: url() no-repeat center;
    cursor: pointer;
}

.app-watch-exp .app-look {
    padding: 30px 20px;
}

.app-watch-exp .app-look .i-t {
    display: flex;
}

.app-watch-exp .app-look .i-t .qrcode {
    width: 100px;
    height: 100px;
    flex: none;
    background: #eee;
}

.app-watch-exp .app-look .i-t .v-title {
    font-size: 14px;
    margin-left: 15px;
    line-height: 22px;
    white-space: normal;
}

.app-watch-exp .app-look .foot-txt {
    text-align: center;
    line-height: 20px;
    margin-top: 20px;
    font-size: 14px;
}

.app-watch-exp .app-look .foot-txt a {
    color: #00AEEC;
    color: var(--brand_blue);
}

.q1080p-exp {
    position: relative;
    width: 400px;
    height: 348px;
    border-radius: 4px;
    background-color: #FFFFFF;
    background-color: var(--bg1_float);
    padding-top: 36px;
}

.q1080p-exp .close {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    right: 16px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: -470px -534px;
}

.q1080p-exp .close:hover {
    background-position: -534px -534px;
}

.q1080p-exp .title {
    text-align: center;
    font-size: 20px;
    height: 26px;
    color: #18191C;
    color: var(--text1);
    line-height: 1;
}

.q1080p-exp .sub-title {
    margin-top: 8px;
    color: #61666D;
    color: var(--text2);
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
}

.q1080p-exp .pic {
    margin: 20px auto;
    width: 180px;
    height: 180px;
    overflow: hidden;
}

.q1080p-exp .btns {
    text-align: center;
    font-size: 14px;
}

.q1080p-exp .btns .btn-getvip {
    display: inline-block;
    vertical-align: top;
    width: 124px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    background-color: #ffb000;
    color: var(--Wh0_u);
    color: var(--text_white);
    line-height: 40px;
    border-radius: 4px;
    margin: 0 10px;
}

.follow-dialog-wrap-exp {
    width: 420px;
    border-radius: 4px;
    background: #FFFFFF;
    background: var(--bg1_float);
    overflow: hidden;
}

.follow-dialog-wrap-exp .follow-dialog-window {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 420px;
    background: #FFFFFF;
    background: var(--bg1_float);
    left: 50%;
    margin-left: -210px;
    border-radius: 4px;
}

.follow-dialog-wrap-exp .follow-dialog-window .title {
    position: relative;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #18191C;
    color: var(--text1);
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
    text-align: center;
}

.follow-dialog-wrap-exp .follow-dialog-window .title .close {
    position: absolute;
    right: 20px;
    line-height: 50px;
    width: 12px;
    height: 50px;
    background: url() no-repeat center;
    cursor: pointer;
}

.follow-dialog-wrap-exp .follow-dialog-window .content {
    padding: 0 36px;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .info {
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
    margin: 14px 0;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .info .uname {
    color: #61666D;
    color: var(--text2);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list ul {
    position: relative;
    min-height: 185px;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list ul .follow-group-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background: #FFFFFF;
    background: var(--bg1_float);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li {
    padding-bottom: 24px;
    font-size: 14px;
    color: #18191C;
    color: var(--text1);
    cursor: pointer;
    list-style-type: none;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li.special-group {
    padding-bottom: 16px;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label {
    cursor: pointer;
    display: block;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable {
    color: #9499A0;
    color: var(--text3);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable:hover {
    color: #9499A0;
    color: var(--text3);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable input[type="checkbox"] + i {
    background: url();
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li label.disable input[type="checkbox"]:hover + i {
    background: url();
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li .special-tip {
    padding-left: 40px;
    font-size: 12px;
    color: #9499A0;
    color: var(--text3);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type="checkbox"] {
    font-size: 18px;
    width: 0;
    height: 0;
    cursor: pointer;
    vertical-align: middle;
    display: none;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type="checkbox"] + i {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 18px;
    vertical-align: middle;
    background: url();
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type="checkbox"]:hover + i {
    background: url();
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type="checkbox"]:checked + i {
    background: url();
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li input[type="checkbox"]:checked:hover + i {
    background: url();
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:last-child {
    padding-bottom: 0;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:hover {
    color: #00AEEC;
    color: var(--brand_blue);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list li:hover .special-tip {
    color: #61666D;
    color: var(--text2);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .errmsg {
    color: #FF6699;
    color: var(--brand_pink);
    margin: 5px 0 10px 0;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .add-btn {
    height: 34px;
    line-height: 34px;
    padding: 0 34px;
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
    border-radius: 4px;
    background: url() no-repeat 10px center;
    font-size: 12px;
    color: #61666D;
    color: var(--text2);
    cursor: pointer;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .add-btn:hover {
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group {
    height: 34px;
    line-height: 34px;
    border: 1px solid #00AEEC;
    border: 1px solid var(--brand_blue);
    border-radius: 4px;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group input {
    border: none;
    font-size: 12px;
    width: 200px;
    margin-left: 10px;
    padding: 0;
    box-shadow: none;
    height: 100%;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group .limit {
    float: right;
    margin-right: 10px;
    color: #9499A0;
    color: var(--text3);
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .add-group .input-group .submitGroup {
    float: right;
    height: 34px;
    width: 90px;
    background: #d9f1f9;
    border: none;
    border-left: 1px solid #00AEEC;
    border-left: 1px solid var(--brand_blue);
    border-radius: 0 4px 4px 0;
    font-size: 14px;
    color: #00AEEC;
    color: var(--brand_blue);
    cursor: pointer;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list .empty-tip {
    font-size: 12px;
    color: #61666D;
    color: var(--text2);
    margin-top: 15px;
    display: none;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list::-webkit-scrollbar {
    width: 6px;
}

.follow-dialog-wrap-exp .follow-dialog-window .content .group-list::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #999999;
}

.follow-dialog-wrap-exp .follow-dialog-window .bottom {
    height: 76px;
    text-align: center;
    margin: 0 36px;
    border-top: 1px solid #E3E5E7;
    border-top: 1px solid var(--line_regular);
}

.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn {
    font-size: 14px;
    width: 160px;
    height: 40px;
    margin-top: 18px;
    background: #00AEEC;
    background: var(--brand_blue);
    border: none;
    border-radius: 4px;
    color: var(--Wh0_u);
    color: var(--text_white);
    cursor: pointer;
}

.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn:hover {
    background: #00AEEC;
    background: var(--brand_blue);
}

.follow-dialog-wrap-exp .follow-dialog-window .bottom .btn:disabled {
    background-color: #E3E5E7;
    background-color: var(--graph_bg_thick);
    color: #9499A0;
    color: var(--text3);
    transition: all 0.2s;
}

.follow-dialog-wrap-exp .follow-dialog-window .layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    z-index: -1;
    outline: none;
}

.van-dialog__wrapper {
    z-index: 100031 !important;
}

.v-modal {
    z-index: 100030 !important;
}

.protocal-dialog {
    background: #FFFFFF;
    background: var(--bg1_float);
    border-radius: 4px;
}

.protocal-dialog .van-dialog__header {
    padding: 15px 16px;
    text-align: center;
    border-bottom: 1px solid #E3E5E7;
    border-bottom: 1px solid var(--line_regular);
}

.protocal-dialog .van-dialog__title {
    font-size: 16px;
    font-weight: bold;
    color: #18191C;
    color: var(--text1);
}

.protocal-dialog .van-dialog__headerbtn {
    right: 16px;
    top: 16px;
}

.protocal-dialog .van-dialog__headerbtn .van-dialog__close {
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    color: #61666D;
    color: var(--text2);
}

.protocal-dialog .van-dialog__body {
    padding: 0;
}

.dialog-note-content {
    padding: 24px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #18191C;
    color: var(--text1);
}

.dialog-note-content .checkbox {
    margin-right: 10px;
}

.dialog-note-content p {
    margin-bottom: 14px;
}

.dialog-note-content a {
    color: #00AEEC;
    color: var(--brand_blue);
    text-decoration: none;
}

.dialog-note-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
}

.dialog-note-footer .btn {
    width: 130px;
    height: 32px;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
}

.dialog-note-footer .btn-cancel {
    line-height: 30px;
    border: 1px solid #9499A0;
    border: 1px solid var(--text3);
    color: #18191C;
    color: var(--text1);
}

.dialog-note-footer .btn-confirm {
    line-height: 32px;
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00AEEC;
    background: var(--brand_blue);
}

.interact-dialog-exp {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.interact-dialog-exp .bg {
    position: fixed;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
}

.interact-dialog-exp .con {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin-left: -138px;
    margin-top: -138px;
    padding: 16px;
    box-sizing: border-box;
    z-index: 99999;
    background: #FFFFFF;
    background: var(--bg1_float);
    box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    text-align: center;
    width: 274px;
    height: 277px;
}

.interact-dialog-exp .pic {
    width: 242px;
    height: 198px;
}

.interact-dialog-exp .btn {
    cursor: pointer;
    box-sizing: border-box;
    display: inline-block;
    line-height: 32px;
    height: 32px;
    border-radius: 2px;
    width: 156px;
    text-align: center;
    font-size: 14px;
    color: var(--Wh0_u);
    color: var(--text_white);
    background: #00AEEC;
    background: var(--brand_blue);
    margin-top: 10px;
}

.interact-dialog-exp .btn:hover {
    background: #00b8f6;
}

.interact-dialog__text {
    margin-top: -77px;
    color: #18191C;
    color: var(--text1);
    font-weight: 500;
    font-size: 12px;
}

.interact-dialog__text--title {
    font-size: 18px;
}

.interact-dialog__text--desc {
    font-size: 12px;
    transform: scale(0.85);
}

.app-v1 p[title^="ã€Œ"],
.app-v1 p[title^="ã€Ž"],
.app-v1 p[title^="ã€"],
.app-v1 h1[title^="ã€Œ"],
.app-v1 h1[title^="ã€Ž"],
.app-v1 h1[title^="ã€"],
.app-v1 h3[title^="ã€Œ"],
.app-v1 h3[title^="ã€Ž"],
.app-v1 h3[title^="ã€"] {
    text-indent: -0.6em;
}

.mac .app-v1 p[title^="ï½ž"],
.mac .app-v1 h3[title^="ï½ž"] {
    text-indent: -0.1em;
}

.mac .app-v1 p[title^="ã€Š"],
.mac .app-v1 h3[title^="ã€Š"] {
    text-indent: -0.4em;
}

.mac .app-v1 .roll-btn {
    transform: translateZ(0);
}

.win .app-v1 p[title^="â€œ"],
.win .app-v1 h3[title^="â€œ"] {
    text-indent: -0.1em;
}

.win .app-v1 p[title^="ï½ž"],
.win .app-v1 h3[title^="ï½ž"] {
    text-indent: -0.25em;
}

.win .app-v1 p[title^="ã€Š"],
.win .app-v1 h3[title^="ã€Š"] {
    text-indent: -0.5em;
}

.harmony-font {
    background-color: #F1F2F3;
    background-color: var(--bg3);
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .harmony-font {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

.app-v1 {
    max-width: 2560px;
    margin: 0 auto;
    background-color: #FFFFFF;
    background-color: var(--bg1);
}

#bilibili-player[data-v-56a6283b] {
    z-index: 10;
}

#bilibili-player embed[data-v-56a6283b] {
    width: 100%;
    height: 100%;
}

#bilibili-player .player[data-v-56a6283b] {
    height: 100%;
}

.video-container-v1[data-v-56a6283b] {
    max-width: 2540px;
    min-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    box-sizing: content-box;
}

.video-container-v1 .right-container[data-v-56a6283b] {
    width: 320px;
    flex: none;
    margin-left: 30px;
    padding-bottom: 20px;
}

.video-container-v1 .right-container.small-mode[data-v-56a6283b] {
    width: 350px;
}

.video-container-v1 .right-container.small-mode #right-bottom-banner[data-v-56a6283b] {
    height: 175px;
}

.video-container-v1 .danmaku-box[data-v-56a6283b] {
    margin-bottom: 18px;
}

.video-container-v1 .danmaku-box .danmaku-wrap[data-v-56a6283b] {
    min-height: 44px;
    background: #F1F2F3;
    background: var(--bg3);
    border-radius: 6px;
}

.video-container-v1 .danmaku-box.outslide-player[data-v-56a6283b] {
    margin-bottom: 0;
}

.video-container-v1 .danmaku-box.outslide-player .danmaku-wrap[data-v-56a6283b] {
    display: none;
}

.video-container-v1 #comment[data-v-56a6283b] {
    margin-top: 24px;
    z-index: 0;
    position: relative;
}

.video-container-v1 #live_recommand_report[data-v-56a6283b] {
    padding-left: 0;
}

.video-container-v1 #bannerAd[data-v-56a6283b] {
    max-height: 106px;
    border-radius: 6px;
    margin: 24px 0;
}

.video-container-v1 #bannerAd img[data-v-56a6283b] {
    border-radius: 6px;
}

.video-container-v1 #right-bottom-banner[data-v-56a6283b] {
    margin-top: 18px;
    border-radius: 6px;
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.video-container-v1 #right-bottom-banner span[data-v-56a6283b] {
    position: absolute;
    bottom: 3px;
    font-size: 15px;
    left: 10px;
    color: var(--Wh0_u);
    color: var(--text_white);
    text-shadow: 1px 1px 3px #000;
    display: -webkit-box;
    overflow: hidden;
    /*! autoprefixer: ignore next */
    -webkit-box-orient: vertical;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 1;
    font-family: PingFang SC, HarmonyOS_Regular, Helvetica Neue, Microsoft YaHei, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
}

@media (-webkit-max-device-pixel-ratio: 1) {
    .video-container-v1 #right-bottom-banner span[data-v-56a6283b] {
        font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    }
}

@media (min-width: 1681px) {
    .video-container-v1 .right-container[data-v-56a6283b] {
        width: 360px;
    }

    .video-container-v1 .right-container.small-mode[data-v-56a6283b] {
        width: 411px;
    }

    .video-container-v1 .right-container.small-mode #right-bottom-banner[data-v-56a6283b] {
        height: 205px;
    }

    .video-container-v1 .right-container.small-mode #right-bottom-banner span[data-v-56a6283b] {
        font-size: 16px;
    }

    .video-container-v1 .danmaku-box[data-v-56a6283b] {
        margin-bottom: 20px;
    }

    .video-container-v1 #right-bottom-banner[data-v-56a6283b] {
        margin-top: 20px;
        height: 180px;
    }

    .video-container-v1 #right-bottom-banner span[data-v-56a6283b] {
        font-size: 18px;
        line-height: 24px;
    }
}

body.player-mode-blackmask #heimu[data-v-56a6283b] {
    z-index: 1002;
}

#comment .bb-comment .no-login .baffle[data-v-56a6283b] {
    z-index: 10;
}

.note-bar-btn[data-v-56a6283b] {
    color: #43494c;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #ebebf2;
    border-radius: 2px;
    cursor: pointer;
    transition: 0.3s;
}

.note-bar-btn[data-v-56a6283b]:hover {
    background: #ccccde;
}

.bili-note[data-v-56a6283b] {
    z-index: 100001;
}

.bili-note .ql-image-preview .img-preview[data-v-56a6283b] {
    width: 100%;
    height: 100%;
}

.active-note[data-v-56a6283b] {
    z-index: 100002;
}

.note-list[data-v-56a6283b] {
    position: absolute;
    z-index: 100000;
    width: 362px;
}

@font-face {
    font-family: "Monospaced Number";
    src: local("Tahoma");
    unicode-range: U+30-39
}

@font-face {
    font-family: Chinese Quote;
    src: local("PingFang SC"), local("SimSun");
    unicode-range: U+2018, U+2019, U+201c, U+201d
}

body, html {
    width: 100%;
    height: 100%
}

input::-ms-clear, input::-ms-reveal {
    display: none
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    color: #222;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: none !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5em;
    color: rgba(0, 0, 0, .85);
    font-weight: 500
}

p {
    margin-top: 0;
    margin-bottom: 1em
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1em;
    font-style: normal;
    line-height: inherit
}

input[type=number], input[type=password], input[type=text], textarea {
    -webkit-appearance: none
}

dt {
    font-weight: 500
}

dd {
    margin-bottom: .5em;
    margin-left: 0
}

blockquote {
    margin: 0 0 1em
}

dfn {
    font-style: italic
}

b, strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #222;
    background-color: transparent;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    transition: color .3s;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    color: #00a1d6
}

a:active, a:hover {
    outline: 0;
    text-decoration: none
}

a[disabled] {
    color: rgba(0, 0, 0, .25);
    cursor: not-allowed;
    pointer-events: none
}

code, kbd, pre, samp {
    font-family: Consolas, Menlo, Courier, monospace;
    font-size: 1em
}

pre {
    margin-top: 0;
    margin-bottom: 1em
}

figure {
    margin: 0 0 1em
}

img {
    vertical-align: middle;
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse
}

caption {
    padding-top: .75em;
    padding-bottom: .3em;
    color: rgba(0, 0, 0, .45);
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5em;
    font-size: 1.5em;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item
}

template {
    display: none
}

ol, ul {
    list-style: none
}

article, aside, blockquote, body, button, code, dd, details, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

[hidden] {
    display: none !important
}

::selection {
    background: #1890ff;
    color: #fff
}

.clearfix {
    zoom: 1
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0
}

.is-vip {
    color: #fb7299 !important
}

@font-face {
    font-family: vanfont;
    src: url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.ae48418.eot);
    src: url(data:font/woff;base64,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) format("woff"), url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.6401a86.ttf) format("truetype"), url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.5899803.svg#iconfont) format("svg")
}

.vanfont {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vanfont:before {
    display: block;
    font-family: vanfont !important
}

[class^=van-icon-] {
    display: inline-block;
    font-style: normal;
    vertical-align: baseline;
    text-align: center;
    text-transform: none;
    line-height: 1;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class^=van-icon-]:before {
    display: block;
    font-family: vanfont !important
}

.van-icon-rotate:before {
    display: inline-block;
    animation: loadingCircle 1s linear infinite
}

.van-icon-error:before {
    content: "\E62B"
}

.van-icon-serach:before {
    content: "\E62F"
}

.van-icon-info:before {
    content: "\E67D"
}

.van-icon-loading:before {
    content: "\EEE3"
}

.van-icon-warning:before {
    content: "\E664"
}

.van-icon-success:before {
    content: "\E6F7"
}

.van-icon-jianpan:before {
    content: "\E616"
}

.van-icon-lajitong:before {
    content: "\E659"
}

.van-icon-lv0:before {
    content: "\E6CB"
}

.van-icon-lv1:before {
    content: "\E6CC"
}

.van-icon-lv2:before {
    content: "\E6CD"
}

.van-icon-lv3:before {
    content: "\E6CE"
}

.van-icon-lv4:before {
    content: "\E6CF"
}

.van-icon-lv5:before {
    content: "\E6D0"
}

.van-icon-lv6:before {
    content: "\E6D1"
}

.van-icon-close:before {
    content: "\E604"
}

.van-icon-rate-3:before {
    content: "\E670"
}

.van-icon-rate-1:before {
    content: "\E672"
}

.van-icon-rate-2:before {
    content: "\E673"
}

.van-icon-fasong:before {
    content: "\E666"
}

.van-icon-cai:before {
    content: "\E638"
}

.van-icon-pinglun:before {
    content: "\E639"
}

.van-icon-ding:before {
    content: "\E63A"
}

.van-icon-guanbi:before {
    content: "\E63C"
}

.van-icon-gengduo:before {
    content: "\E63D"
}

.van-icon-biaoqing:before {
    content: "\E63E"
}

.van-icon-videodetails_play:before {
    content: "\E6E3"
}

.van-icon-videodetails_messag:before {
    content: "\E6E5"
}

.van-icon-info_playnumber:before {
    content: "\E6E6"
}

.van-icon-info_barragenumber:before {
    content: "\E6E7"
}

.van-icon-info_rank:before {
    content: "\E6E8"
}

.van-icon-info_prohibit:before {
    content: "\E6E9"
}

.van-icon-general_moreactions:before {
    content: "\E6EA"
}

.van-icon-general_pulldown_s:before {
    content: "\E6EB"
}

.van-icon-general_pullup_s:before {
    content: "\E6EC"
}

.van-icon-general_more:before {
    content: "\E6ED"
}

.van-icon-general_close_s:before {
    content: "\E6EE"
}

.van-icon-general_addto_s:before {
    content: "\E6EF"
}

.van-icon-videodetails_collec:before {
    content: "\E6E1"
}

.van-icon-videodetails_usemo:before {
    content: "\E6E2"
}

.van-icon-videodetails_throw:before {
    content: "\E6E4"
}

.van-icon-videodetails_like:before {
    content: "\E6E0"
}

.van-icon-general_enter_s:before {
    content: "\E6F0"
}

.van-icon-general_back_s:before {
    content: "\E6F1"
}

.van-icon-floatwindow_custome:before {
    content: "\E6F2"
}

.van-icon-share_weibo_default:before {
    content: "\E71C"
}

.van-icon-share_tieba_default:before {
    content: "\E71D"
}

.van-icon-share_wechat_default:before {
    content: "\E721"
}

.van-icon-tuodong:before {
    content: "\E665"
}

.van-icon-share_qq_default:before {
    content: "\E71E"
}

.van-icon-share_news_default:before {
    content: "\E71F"
}

.van-icon-share_qzone_default:before {
    content: "\E720"
}

.van-icon-info_up:before {
    content: "\E723"
}

.van-icon-Navbar_mobile:before {
    content: "\E724"
}

.van-icon-Navbar_logo:before {
    content: "\E725"
}

.van-icon-download:before {
    content: "\E744"
}

.van-icon-general_viewlist:before {
    content: "\E706"
}

.van-icon-general_viewmodule:before {
    content: "\E707"
}

.van-icon-videodetails_share:before {
    content: "\E70F"
}

.van-icon-general_upload:before {
    content: "\E634"
}

.van-icon-general_search:before {
    content: "\E635"
}

.van-icon-general_inplay:before {
    content: "\E646"
}

.van-icon-info_warning:before {
    content: "\E658"
}

.van-icon-gift:before {
    content: "\E605"
}

.van-icon-notice:before {
    content: "\E606"
}

.fade-appear, .fade-enter, .fade-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.fade-appear.fade-appear-active, .fade-enter.fade-enter-active {
    animation-name: antFadeIn;
    animation-play-state: running
}

.fade-leave.fade-leave-active {
    animation-name: antFadeOut;
    animation-play-state: running;
    pointer-events: none
}

.fade-appear, .fade-enter {
    opacity: 0
}

.fade-appear, .fade-enter, .fade-leave {
    animation-timing-function: linear
}

@keyframes antFadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes antFadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.move-up-appear, .move-up-enter, .move-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-up-appear.move-up-appear-active, .move-up-enter.move-up-enter-active {
    animation-name: antMoveUpIn;
    animation-play-state: running
}

.move-up-leave.move-up-leave-active {
    animation-name: antMoveUpOut;
    animation-play-state: running;
    pointer-events: none
}

.move-up-appear, .move-up-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-up-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-down-appear, .move-down-enter, .move-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-down-appear.move-down-appear-active, .move-down-enter.move-down-enter-active {
    animation-name: antMoveDownIn;
    animation-play-state: running
}

.move-down-leave.move-down-leave-active {
    animation-name: antMoveDownOut;
    animation-play-state: running;
    pointer-events: none
}

.move-down-appear, .move-down-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-down-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-left-appear, .move-left-enter, .move-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-left-appear.move-left-appear-active, .move-left-enter.move-left-enter-active {
    animation-name: antMoveLeftIn;
    animation-play-state: running
}

.move-left-leave.move-left-leave-active {
    animation-name: antMoveLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.move-left-appear, .move-left-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-left-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

.move-right-appear, .move-right-enter, .move-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.move-right-appear.move-right-appear-active, .move-right-enter.move-right-enter-active {
    animation-name: antMoveRightIn;
    animation-play-state: running
}

.move-right-leave.move-right-leave-active {
    animation-name: antMoveRightOut;
    animation-play-state: running;
    pointer-events: none
}

.move-right-appear, .move-right-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.move-right-leave {
    animation-timing-function: cubic-bezier(.6, .04, .98, .34)
}

@keyframes antMoveDownIn {
    0% {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes antMoveDownOut {
    0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes antMoveLeftIn {
    0% {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
}

@keyframes antMoveLeftOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes antMoveRightIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: translateX(100%)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: translateX(0)
    }
}

@keyframes antMoveRightOut {
    0% {
        transform-origin: 0 0;
        transform: translateX(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateX(100%);
        opacity: 0
    }
}

@keyframes antMoveUpIn {
    0% {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
    }
    to {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes antMoveUpOut {
    0% {
        transform-origin: 0 0;
        transform: translateY(0);
        opacity: 1
    }
    to {
        transform-origin: 0 0;
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes loadingCircle {
    0% {
        transform-origin: 50% 50%;
        transform: rotate(0deg)
    }
    to {
        transform-origin: 50% 50%;
        transform: rotate(1turn)
    }
}

.slide-up-appear, .slide-up-enter, .slide-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-up-appear.slide-up-appear-active, .slide-up-enter.slide-up-enter-active {
    animation-name: antSlideUpIn;
    animation-play-state: running
}

.slide-up-leave.slide-up-leave-active {
    animation-name: antSlideUpOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-up-appear, .slide-up-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-up-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-down-appear, .slide-down-enter, .slide-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-down-appear.slide-down-appear-active, .slide-down-enter.slide-down-enter-active {
    animation-name: antSlideDownIn;
    animation-play-state: running
}

.slide-down-leave.slide-down-leave-active {
    animation-name: antSlideDownOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-down-appear, .slide-down-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-left-appear, .slide-left-enter, .slide-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-left-appear.slide-left-appear-active, .slide-left-enter.slide-left-enter-active {
    animation-name: antSlideLeftIn;
    animation-play-state: running
}

.slide-left-leave.slide-left-leave-active {
    animation-name: antSlideLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-left-appear, .slide-left-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-left-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

.slide-right-appear, .slide-right-enter, .slide-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.slide-right-appear.slide-right-appear-active, .slide-right-enter.slide-right-enter-active {
    animation-name: antSlideRightIn;
    animation-play-state: running
}

.slide-right-leave.slide-right-leave-active {
    animation-name: antSlideRightOut;
    animation-play-state: running;
    pointer-events: none
}

.slide-right-appear, .slide-right-enter {
    opacity: 0;
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.slide-right-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes antSlideUpIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
}

@keyframes antSlideUpOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleY(.8)
    }
}

@keyframes antSlideDownIn {
    0% {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
    to {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
}

@keyframes antSlideDownOut {
    0% {
        opacity: 1;
        transform-origin: 100% 100%;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform-origin: 100% 100%;
        transform: scaleY(.8)
    }
}

@keyframes antSlideLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
    to {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
}

@keyframes antSlideLeftOut {
    0% {
        opacity: 1;
        transform-origin: 0 0;
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        transform-origin: 0 0;
        transform: scaleX(.8)
    }
}

@keyframes antSlideRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
    to {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
}

@keyframes antSlideRightOut {
    0% {
        opacity: 1;
        transform-origin: 100% 0;
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        transform-origin: 100% 0;
        transform: scaleX(.8)
    }
}

.swing-appear, .swing-enter {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.swing-appear.swing-appear-active, .swing-enter.swing-enter-active {
    animation-name: antSwingIn;
    animation-play-state: running
}

@keyframes antSwingIn {
    0%, to {
        transform: translateX(0)
    }
    20% {
        transform: translateX(-10px)
    }
    40% {
        transform: translateX(10px)
    }
    60% {
        transform: translateX(-5px)
    }
    80% {
        transform: translateX(5px)
    }
}

.zoom-appear, .zoom-enter, .zoom-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-appear.zoom-appear-active, .zoom-enter.zoom-enter-active {
    animation-name: antZoomIn;
    animation-play-state: running
}

.zoom-leave.zoom-leave-active {
    animation-name: antZoomOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-appear, .zoom-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-appear, .zoom-big-enter, .zoom-big-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-appear.zoom-big-appear-active, .zoom-big-enter.zoom-big-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-leave.zoom-big-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-appear, .zoom-big-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-big-fast-appear, .zoom-big-fast-enter, .zoom-big-fast-leave {
    animation-duration: .1s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-big-fast-appear.zoom-big-fast-appear-active, .zoom-big-fast-enter.zoom-big-fast-enter-active {
    animation-name: antZoomBigIn;
    animation-play-state: running
}

.zoom-big-fast-leave.zoom-big-fast-leave-active {
    animation-name: antZoomBigOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-big-fast-appear, .zoom-big-fast-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-big-fast-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-up-appear, .zoom-up-enter, .zoom-up-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-up-appear.zoom-up-appear-active, .zoom-up-enter.zoom-up-enter-active {
    animation-name: antZoomUpIn;
    animation-play-state: running
}

.zoom-up-leave.zoom-up-leave-active {
    animation-name: antZoomUpOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-up-appear, .zoom-up-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-up-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-down-appear, .zoom-down-enter, .zoom-down-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-down-appear.zoom-down-appear-active, .zoom-down-enter.zoom-down-enter-active {
    animation-name: antZoomDownIn;
    animation-play-state: running
}

.zoom-down-leave.zoom-down-leave-active {
    animation-name: antZoomDownOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-down-appear, .zoom-down-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-down-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-left-appear, .zoom-left-enter, .zoom-left-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-left-appear.zoom-left-appear-active, .zoom-left-enter.zoom-left-enter-active {
    animation-name: antZoomLeftIn;
    animation-play-state: running
}

.zoom-left-leave.zoom-left-leave-active {
    animation-name: antZoomLeftOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-left-appear, .zoom-left-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-left-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

.zoom-right-appear, .zoom-right-enter, .zoom-right-leave {
    animation-duration: .2s;
    animation-fill-mode: both;
    animation-play-state: paused
}

.zoom-right-appear.zoom-right-appear-active, .zoom-right-enter.zoom-right-enter-active {
    animation-name: antZoomRightIn;
    animation-play-state: running
}

.zoom-right-leave.zoom-right-leave-active {
    animation-name: antZoomRightOut;
    animation-play-state: running;
    pointer-events: none
}

.zoom-right-appear, .zoom-right-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.08, .82, .17, 1)
}

.zoom-right-leave {
    animation-timing-function: cubic-bezier(.78, .14, .15, .86)
}

@keyframes antZoomIn {
    0% {
        opacity: 0;
        transform: scale(.2)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes antZoomOut {
    0% {
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.2)
    }
}

@keyframes antZoomBigIn {
    0% {
        opacity: 0;
        transform: scale(.8)
    }
    to {
        transform: scale(1)
    }
}

@keyframes antZoomBigOut {
    0% {
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@keyframes antZoomUpIn {
    0% {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.8)
    }
    to {
        transform-origin: 50% 0;
        transform: scale(1)
    }
}

@keyframes antZoomUpOut {
    0% {
        transform-origin: 50% 0;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform-origin: 50% 0;
        transform: scale(.8)
    }
}

@keyframes antZoomLeftIn {
    0% {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.8)
    }
    to {
        transform-origin: 0 50%;
        transform: scale(1)
    }
}

@keyframes antZoomLeftOut {
    0% {
        transform-origin: 0 50%;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform-origin: 0 50%;
        transform: scale(.8)
    }
}

@keyframes antZoomRightIn {
    0% {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.8)
    }
    to {
        transform-origin: 100% 50%;
        transform: scale(1)
    }
}

@keyframes antZoomRightOut {
    0% {
        transform-origin: 100% 50%;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform-origin: 100% 50%;
        transform: scale(.8)
    }
}

@keyframes antZoomDownIn {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.8)
    }
    to {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
}

@keyframes antZoomDownOut {
    0% {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(.8)
    }
}

.ant-motion-collapse {
    overflow: hidden
}

.ant-motion-collapse-active {
    transition: height .15s cubic-bezier(.645, .045, .355, 1), opacity .15s cubic-bezier(.645, .045, .355, 1) !important
}

.van-popper .popper__arrow, .van-popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.van-popper .popper__arrow {
    border-width: 6px;
    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
}

.van-popper .popper__arrow:after {
    content: " ";
    border-width: 6px
}

.van-popper[x-placement^=top] {
    margin-bottom: 12px
}

.van-popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-color: #ebeef5;
    border-bottom-width: 0
}

.van-popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -6px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.van-popper[x-placement^=bottom] {
    margin-top: 12px
}

.van-popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    left: 50%;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: g
}

.van-popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.van-popper[x-placement^=right] {
    margin-left: 12px
}

.van-popper[x-placement^=right] .popper__arrow {
    top: 50%;
    left: -6px;
    margin-bottom: 3px;
    border-right-color: #ebeef5;
    border-left-width: 0
}

.van-popper[x-placement^=right] .popper__arrow:after {
    bottom: -6px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.van-popper[x-placement^=left] {
    margin-right: 12px
}

.van-popper[x-placement^=left] .popper__arrow {
    top: 50%;
    right: -6px;
    margin-bottom: 3px;
    border-right-width: 0;
    border-left-color: #ebeef5
}

.van-popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -6px;
    margin-left: -6px;
    border-right-width: 0;
    border-left-color: #fff
}

.van-tooltip:focus:hover, .van-tooltip:focus:not(.focusing) {
    outline-width: 0
}

.van-tooltip__popper {
    position: absolute;
    border-radius: 4px;
    padding: 10px;
    z-index: 2000;
    font-size: 12px;
    line-height: 1.2
}

.van-tooltip__popper .popper__arrow {
    border-width: 6px
}

.van-tooltip__popper .popper__arrow:after {
    content: " ";
    border-width: 5px
}

.van-tooltip__popper.is-dark {
    background: #303133;
    color: #fff
}

.van-tooltip__popper.is-light {
    background: #fff;
    border: 1px solid #303133
}

.van-tooltip__popper.is-light[x-placement^=top] .popper__arrow {
    border-top-color: #303133
}

.van-tooltip__popper.is-light[x-placement^=top] .popper__arrow:after {
    border-top-color: #fff
}

.van-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #303133
}

.van-tooltip__popper.is-light[x-placement^=bottom] .popper__arrow:after {
    border-bottom-color: #fff
}

.van-tooltip__popper.is-light[x-placement^=left] .popper__arrow {
    border-left-color: #303133
}

.van-tooltip__popper.is-light[x-placement^=left] .popper__arrow:after {
    border-left-color: #fff
}

.van-tooltip__popper.is-light[x-placement^=right] .popper__arrow {
    border-right-color: #303133
}

.van-tooltip__popper.is-light[x-placement^=right] .popper__arrow:after {
    border-right-color: #fff
}

.van-tooltip__popper .popper__arrow, .van-tooltip__popper .popper__arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.van-tooltip__popper[x-placement^=top] {
    margin-bottom: 12px
}

.van-tooltip__popper[x-placement^=top] .popper__arrow {
    bottom: -6px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.van-tooltip__popper[x-placement^=top] .popper__arrow:after {
    bottom: 1px;
    margin-left: -5px;
    border-top-color: #303133;
    border-bottom-width: 0
}

.van-tooltip__popper[x-placement^=bottom] {
    margin-top: 12px
}

.van-tooltip__popper[x-placement^=bottom] .popper__arrow {
    top: -6px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.van-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
    top: 1px;
    margin-left: -5px;
    border-top-width: 0;
    border-bottom-color: #303133
}

.van-tooltip__popper[x-placement^=right] {
    margin-left: 12px
}

.van-tooltip__popper[x-placement^=right] .popper__arrow {
    left: -6px;
    border-right-color: #303133;
    border-left-width: 0
}

.van-tooltip__popper[x-placement^=right] .popper__arrow:after {
    bottom: -5px;
    left: 1px;
    border-right-color: #303133;
    border-left-width: 0
}

.van-tooltip__popper[x-placement^=left] {
    margin-right: 12px
}

.van-tooltip__popper[x-placement^=left] .popper__arrow {
    right: -6px;
    border-right-width: 0;
    border-left-color: #303133
}

.van-tooltip__popper[x-placement^=left] .popper__arrow:after {
    right: 1px;
    bottom: -5px;
    margin-left: -5px;
    border-right-width: 0;
    border-left-color: #303133
}

.van-danmu {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    transition: opacity .3s;
    z-index: 2
}

.van-danmu-item {
    position: absolute;
    color: #fff;
    white-space: pre;
    will-change: transform;
    top: 8px;
    left: 100%;
    text-shadow: 1px 1px 2px #001
}

.van-danmu-item.row2 {
    top: 28px
}

.van-framepreview {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    transition: opacity .3s;
    z-index: 1
}

.van-framepreview .van-fpbar-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 10px;
    border-color: #000;
    border-style: solid;
    border-width: 4px 8px;
    background: #444;
    box-sizing: border-box
}

.van-framepreview .van-fpbar-box span {
    display: block;
    background: #fff;
    height: 2px;
    transition: width .12s
}

.status-bar {
    font-size: 12px;
    color: #909098
}

.status-bar--content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.status-bar .bili-note-iconfont {
    display: inline-block;
    margin-right: 3px
}

.status-bar--error {
    color: #e02020
}

.status-bar--warning {
    color: #e6a23c
}

.status-bar--success {
    color: #909098
}

.status-bar .icon-updating {
    animation: spin 1s linear infinite
}

.status-bar .text {
    vertical-align: top;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    width: 100%
}

.status-bar .text .text-msg {
    margin-right: 5px
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: bili-note-iconfont;
    src: url(data:application/vnd.ms-fontobject;base64,nCQAAMwjAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA0fVrrAAAAAAAAAAAAAAAAAAAAAAAACQAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQAAAAOAFIAZQBnAHUAbABhAHIAAAAWAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAACQAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQAAAAAAAABAAAACwCAAAMAMEdTVUKw/rPtAAABOAAAAEJPUy8yPHxIrwAAAXwAAABWY21hcFyUhz8AAAJoAAADemdseWYDfWKPAAAGMAAAF6xoZWFkHGw9kQAAAOAAAAA2aGhlYQgtA/MAAAC8AAAAJGhtdHiUTv//AAAB1AAAAJRsb2NhZIxrUgAABeQAAABMbWF4cAE4AJQAAAEYAAAAIG5hbWUNsVqIAAAd3AAAAuVwb3N03wEG/AAAIMQAAAMFAAEAAAOA/4AAXARO/////wRPAAEAAAAAAAAAAAAAAAAAAAAlAAEAAAABAACsa/XRXw889QALBAAAAAAA3H98ygAAAADcf3zK////fwRPA4EAAAAIAAIAAAAAAAAAAQAAACUAiAAJAAAAAAACAAAACgAKAAAA/wAAAAAAAAABAAAACgAeACwAAURGTFQACAAEAAAAAAAAAAEAAAABbGlnYQAIAAAAAQAAAAEABAAEAAAAAQAIAAEABgAAAAEAAAAAAAEEAgGQAAUACAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOYF5roDgP+AAFwDgQCBAAAAAQAAAAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABE7//wQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABugABAAAAAAC0AAMAAQAAACwAAwAKAAABugAEAIgAAAAMAAgAAgAE5gfmCeYg5rjmuv//AADmBeYJ5h3mnua6//8AAAAAAAAAAAAAAAEADAAQABAAFgBKAAAABAADAAIAAQAIAAYABwAFABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkABEAEAAPAA4ADAANAAsACgAJABIAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAcAAAAAAAAAAJAAA5gUAAOYFAAAABAAA5gYAAOYGAAAAAwAA5gcAAOYHAAAAAgAA5gkAAOYJAAAAAQAA5h0AAOYdAAAACAAA5h4AAOYeAAAABgAA5h8AAOYfAAAABwAA5iAAAOYgAAAABQAA5p4AAOaeAAAAEwAA5p8AAOafAAAAFAAA5qAAAOagAAAAFQAA5qEAAOahAAAAFgAA5qIAAOaiAAAAFwAA5qMAAOajAAAAGAAA5qQAAOakAAAAGQAA5qUAAOalAAAAGgAA5qYAAOamAAAAGwAA5qcAAOanAAAAHAAA5qgAAOaoAAAAHQAA5qkAAOapAAAAHgAA5qoAAOaqAAAAHwAA5qsAAOarAAAAIAAA5qwAAOasAAAAIQAA5q0AAOatAAAAIgAA5q4AAOauAAAAIwAA5q8AAOavAAAAJAAA5rAAAOawAAAAEQAA5rEAAOaxAAAAEAAA5rIAAOayAAAADwAA5rMAAOazAAAADgAA5rQAAOa0AAAADAAA5rUAAOa1AAAADQAA5rYAAOa2AAAACwAA5rcAAOa3AAAACgAA5rgAAOa4AAAACQAA5roAAOa6AAAAEgAAAAAAAABSARABRAF4AdYCCgJAAoACwAL6A0QD/gQ0BJgE3AUWBUwFlgXcBhoGNgZuBpAHMAdeB7IH+ghGCP4JagmmCiAKlgr0C0wL1gADAAAAAANGApgAHQAqADMAAAEyFhceATsBMhYXEQ4BByEuAScRPgE7ATY/AT4BMxciDgEUHgEzPgE3LgEHHgEUBiImNDYCPyIyCAENCDgmNgEBNSf+Lic1AQE2JjgPBgEIMiI/JkAmJkAmO08CAk87KDQ0UDQ0ApcpIggKNyb+6Sg0AQE0KAEXJjcBDgMiKbolQklCJQFPOzxPLQE1TzU1TzUAAAkAAAAAA3UC9QALABcAJwA3AEcAVwBnAHcAhwAAAQ4BBx4BFz4BNy4BBx4BFw4BBy4BJz4BBzMyFh0BFAYHIy4BPQE0NjczMhYdARQGKwEiJj0BNDYXMzIWFxUOAQcjLgEnNT4BNzMyFhcVDgErASImJzU+ARczMhYdARQGByMuAT0BNDY3MzIWHQEUBisBIiY9ATQ2BSEyFh0BFAYjISImPQE0NgIAntIEBNKentIEBNKed50DA513d50DA50sLwoNDgkvCQ4NCi8JDg0KLwkODpUuCg0BAQ0KLgoNAQENCi4KDQEBDQouCg0BAQ2VLwkODgkvCQ4OCS8JDg4JLwoNDv7yAUYJDg4J/roKDQ0C9ATSnp7SBATSnp7SWQOdd3edAwOdd3ed/Q0KFwoNAQENChcKDXUOChcKDQ4JFwoOdQ0KFwoNAQENChcKDXUOChcJDg4JFwoOdQ0KFwoNAQENChcKDXUOChcJDg0KFwoO6Q4JGAkODQoYCg0AAQAAAAADOAK3ACAAAAE1NCYPAQYUHwEWNj0BMxYHFAYHISIGFBYXIT4BNTQmIwGVFAqoBweoChSeuQFgYf7oERgWEwEeg4SJhwJRUAwKBnoFEwZ5BgoLUAGdUFMBFSUXAQF3cn99AAABAAAAAAMrArcAIAAAATU0Nh8BFhQPAQYmPQEjBhcUFhchMh4BBgchLgE1NDYzAl0UCagICKgJFJ+5AWBiARgRFwEWE/7hg4SJiAJRUAwKBnoFEwZ5BgoLUAGdUFMBFSUXAQF3cn99AAP///9/BE8DgQAgAC0AOgAAAR4BFx4BFzMeARcRDgEHISIuAjURPgE3Mz4BPwE+ATcTDgIUHgEzPgE3LgEHHgIUDgEjLgEnPgECkzlVDAMVDl5DWQICWUP87SA5LRgCWUNeDBMFAgxVOWtLfUtLfUt2mwMDm3YrSCsrSCtDWAICWAOAAUU5DREBAVlD/dlDWQIYLTkgAidDWQEBDQsGOUUB/sUBSIKRgkkDm3V1nHMBKUpTSioBWUNDWQAAAQAAAAADLwLHAB8AAAEmNhchMh4BBg8BBhQfAR4BDgEjISIGHQEUDgEiLgE1AQABJjgBog0WDAIIUg8PUggCDBYN/owTGwwWGRYMAmg4JgEOGBoKTg4oDk0LGhgOGhS6DRYNDRYNAAABAAAAAALqApkAHwAAASY2FyEyHgEGDwEGFB8BHgEOASMhDgEHFRQOASIuATUBFwEjMwFSDRQLAwdIDg5IBwMLFA3+yxIYAQsTChQLAkMzIwIMFhgJRA4oDkQJGBYMARgSfwsTDAwTCwAAAAADAAAAAANWAp0AGAAiACgAAAEyFh8BIR4BFxUeARURFAYjISImNRE0NjMXIxEhNSMuAS8BNzUjFxYzAasOFwgSAQIXHQEWHh4W/b4WHh4WvqQCDsIZLA8F5rYTBw8CnA0NHgEgGEoBIBj+9BggIBgByBggVf5y0gEXFQghLSANAAMAAP+ABAADgAALABcAIQAAARYAFwYAByYAJzYAFw4BBx4BFz4BNy4BJxYAFyM0LgIjAgDaASEFBf7f2tr+3wUFASHasuwFBeyysuwFBeyy2gEhBV1AdplUA4AF/t/a2v7fBQUBIdraASFYBeyysuwFBeyysuxiBf7f2lSZdkAAAwAAAAADjQLdABEAFQAeAAAJAR4BDgEHIS4CNjcBPgEyFgMTIxMXMjY0JiIGFBYCdQEAFAMlQSf+AidBJQMUAQATPkg9QApaCiQWGxwrHR0CnP52IUxEJgEBJkRMIQGKHiIi/lcBDf7zgBonGRknGgAAAAACAAAAAANwAvAADgAqAAABFjI3AT4BLgIGBwEGFCUiBhURIREhPgE0JichDgEHER4BFyE+ATcRLgEB0w8sEAFACgcHFBwbCv7AEAF2FR/99gEFFh4eFv77LTsBATstAgotOwEBHgFTEBABQAobHBQHBwr+wBArUR4W/vsCCgEdLR0BATst/fYtOwEBOy0BBRYeAAAAAgAAAAADwAMAAEAAfAAAJSIvASIvASYvASYvASYvASYvASYvAS4BLwEjNxcjFR4BHwEWFxYfATMWHwEWHwIWHwIWNj8BNhYfARYGBw4BEzMnLgEnNScmLwEmLwImLwEmLwEmBg8BBiYnMSY2Nz4BOwEyHwEWMx8FFh8BFhcVFx4BHwEzBwH/EhMKCQgXCwoOCwwIQTEOBQQGBwYDHiIBAUVsa0YDIR4BAQMkMAUBCQwDCgsEBQkJFhM2ZiwBDR0LAQkGDTBuqkYBAiIeBS1AAwgJDAkGBgMDBR01ZywBDR8JCQUNMG47Bg4PDgUEDiYkAgQCUjkDCAcDHyECAUdsBAIBAgUCAwQEBQQcMg8FBgcJCQQuZzcUpKQWMFsmAQMCKxwDBgUBBQMBAgMBBAIFGx4BCQUJAQ4eCiIkAXMVMVsmAgU2HAIEAwQDAQEBAQEEBRseAQkFDQ4fCSIjAQEBAgsNAQEBJEYECQkCBS5nNxSkAAAAAwAAAAADgAMAAAsAFwAgAAAhLgEnPgE3HgEXDgEDNCYiBhURFBYyNjUHIgYUFjI2NCYCAKPZBATZo6PZBATZfxUeFRUeFSQPFRUeFRUE2aOj2QQE2aOj2QJIDxUVD/74DxUVD2wVHhUVHhUAAgAAAAADNQK1AB0APAAAAR4BDwEWBgcGJi8BBw4BLgE/AScuATc+ARc3NhYfAScHDgEuAT8BJwcOAS8BJg4CHwIeAT4BLwEmNDcDFxoDF2AgDSosaShTcw0kHQMMd1MmBSMlaS51HUUbLRYSDiQcAwsWF3UYORoGDyEZAQsD5wwiHAgJAhIRAigbRR11LmklIwUmU3QNARkkD3hSKGksKg0gYBcDGrEXEg4BGiMPFxZgEgUPBQoEGiEOBOcMAxUhEAUZORkAAAADAAAAAAONA0wAHAAgACQAAAElJgYHAwYWHwEHBhYzITI2PwEXFjMyNzY3EzYmASM3FzclNwUDX/4rFykJbQkTFjUvBSIaARkSHQYsIwkKDQwVCGwJFf6tqhyngP6YQwFrApmrBxMW/tYWKwgU1hoqFBFoDQMFChYBKhgs/mKCPkmGv4QAAAAAAgAAAAADLQMDABoAIAAAJQMuAScOAQcDBh4CMxY2PwEhFx4BMz4DJTc2Mh8BAyfJByYaGSYIyQUDEhoPFB8GHgEDHQcfEw8ZEAT+lVECCAJQxgIDGR4CAh4Z/f0OHhkNARUSTEoRFQENGBygzwMDzwAAAAADAAAAAAOAAwAACwAXAB0AAAEOAQceARc+ATcuAQMuASc+ATceARcOAQMjETM1IwIAo9kEBNmjo9kEBNmjf6gEBKh/f6gEBKhUVqtVAwAE2aOj2QQE2aOj2f1ZBKh/f6gEBKh/f6gB/P8AVgADAAAAAAMsAwwAGAAeACoAAAEDLgEnDgEHAwYeAjMWNj8BMxceATM+ASU3NjIfARMhIiY0NjchHgEUBgLusAciFhYiBrEFAxAXDREbBhrkGgYbERoe/r1HAgcCRq7+DBUcHBUB9BUdHQEVAcUVGwICGxX+Ow0aFgsBEhBDQQ8SASyZtgMDtv6JHSocAQEcKh0AAAAAAwAAAAADNALmABUAHwApAAABNjc1LgEnIQ4BBxEUFhchPgE3NS4BJTMeARcVDgEHIwUUBiMhNSEeARcC2iABAmtR/v0bIwEmGwE2Um0DAS/+adAhKgEBKyDQAVUvIf77AQUiLQEBqjE6E1BsAgEjG/3VGyUBAm5SCjJW5QErIBMgKgLMIS+rAS4iAAADAAAAAAOEAuYACwAXACMAAAEhPgE0JichDgEUFgUhIgYUFjMhMjY0JgMhDgEUFhchPgE0JgFZAVYYICAY/qoYICACCv1yGCAgGAKOGCAgX/4AGCAgGAIAGCAgAnQBIDAgAQEgMCCsIDEgIDEg/uQBIDAgAQEgMCAAAAAAAQAAAAACxgHKAA0AACUnLgE+ARchMhYPAQ4BAeynBgUGDQgBVg8MCqcIGPSrBQ8PCAEdC6sJAQABAAAAAANCArAAIQAAATc+AS4CBg8BJyYiBhQfAQcOAR4BMzI/ARcWMzI+ASYnAlnaCAcGEBcWCNvbDSIaDdrQCQUKFQ4RDNHRDBEOFQoFCgGO1ggWFxAGBgnW1g0ZJAzWygoZGQ4Mzc0MDhkZCgAAAQAAAAADJAJHABEAAAEyFxMWFAYiLwEHBiImNDcTNgIHEQz0DBchDNnYDCEXC/UMAkYM/v4NIRkM5OQMGSENAQIMAAABAAAAAANYAvcAagAAASMmJyYvASYnJicmJyY1NDY3Njc2Fx4BHwIWMxY3NjUuAScmJyYiBw4CFRQXFhcjIgYUFhczFxYXFhcWFxYGBwYHBgcGIicmJyYnJicmBgcGBxYXFhcWFxYzPgI3Nic2JyYnMzI2LgEDO5kPESUqLBcSGRYLBgYSEBEVKyoOGQsZGREVHBIPAS0cIiYsXCwqRSgPDhp6DBAQDPUvLCkZFQsGBQEICxAUFx8/HxgWEA4THA8dCgkBAhUXHSUoMTMvWkkYGQECFQcJTgwQARABrAgFDQwNBwYIDQYLDQ8SIAoMBQoKAgoIEhQOARURFiEwDxMJDAwNNVAtJyQfFRAYEAELCxAKDwkNECMREg0PBwoKCQ8NDhUDAgsMDxEfFxsSFg0OAR46KC0yLykMCxAYDgAAAAEAAAAAAs0C5gAbAAABIw4BFBYXMwMjDgEUFhczPgE0JicjEzM+ATQmApSrGCAgGBBeJBggIBirGCAgGBNeJxggIALmASAwIAH+OQEgMCABASAwIAEBxwEgMCAABQAAAAADmQL1AA8AEwAoACkAMgAAASEOAQcRBhYzITI2NRE0JgMhESEBITI2PQE0LwEmDwEGLwEmBgcVBhYBIxQWMjY0JiIGA1r9YRsjAQElGwKfGiQjTv3HAjn+CgGzBAYFShITORQU0goVAQEHAY8yHCscHCscAvQBIxv9txsmJBoCTBsj/akB5v5TBgRlBgIrCgoiCgpkBQsLxwUHAUIVHBwrHBwAAwAAAAADmQMRABQAGAAqAAABLwEuASMhDgEVERQWFyE+AScRNCYlFSM1ASERMxEeARczPgE3ETMfARYVA3JLGBApFv37HCMjHAKfGyQBFP6jgAGA/cdHASMb5BsjASUXSwMCkEUZEBIBJxv9iRwmAgImHAHeGjAi1dX95AIc/vkbJAEBJBsBBxhHBAYAAAAAAwAA/6wDbQMDABoAIAAsAAAlAy4BJw4BBwMGHgIzFjY/ASEXHgEzPgMlNzYyHwETIS4BNDY3IR4BFAYDJ8kHJhoZJgjJBQMSGg8UHwYeAQMdBx8TDxkQBP6VUQIIAlDG/ccYICAYAjkYICDGAgMZHgICHhn9/Q4eGQ0BFRJMShEVAQ0YHKDPAwPP/lUBIDAgAQEgMCAAAAAGAAD/+wOYAzEACwAXACMALgBOAHsAAAEhLgE0NjchHgEUBgMhIiY0NjMhMhYUBgMhLgE0NjchHgEUBgE1DgEHNT4BNzMVAzUmNjc+AzU0IyIHNT4BMzYXFgcWBwYHBgcGFTMVBxYGBwYnIicmJzUeAjc2NCcmKwE1MxY3NjQnJgciBzU2MzYXHgEHFgYHHgEDX/45GCAgGAHHGCAgGP45GCAgGAHHGCAgGP45GCAgGAHHGCAg/SsLGw4WKRMpdwELCxAnCwccIRgSJRIhGxYBAQwQFhEOCFsEAQ0NICcREQ8ODBsdDAkLDxAXFBAOCQcKDBkVHR8iHQsMAQEaFRceAnQBIDAgAQEgMCD+4yAxICAxIP7jASAwIAEBIDAgAf+rBwgBOAQSDfb+5BITIQwTHgwOBxcVOQoIARMWHxcUFg8JDAgEOdgQHAoWAwMCBjgHBwEHBhgGBzQCBgYUBgYBDTUMAhIIFw4VIAQCIAAAAAUAAP/oA6IDAAAVAB8ALAA5AEUAAAEyFhQGByMRFAYHIS4BJxEjLgE0NjMFIREeARchPgE3Ax4BHQEUBiImPQE0NiceAR0BFAYiJj0BNDYBHgEUBiMhIiY0NjcDexAWFhBOTEX+ykJhAk0RFhYRAmz+LwE0IgE2ICMBmxAWFiEWFooQFhYhFhYBRxAWFhD+LxEWFhECYRYiFgH+g0NnAgJjRwF9ARYiFk/+gyQ4AQE4JAFWARYR7REWFhHtERYBARYR7REWFhHtERYBFgEWIhYWIhYBAAAAAAMAAAAAA48C5gALABcAIwAAEyE+ATQmJyEOARQWBSEiBhQWMyEyNjQmAyEOARQWFyE+ATQmyAFWGCAgGP6qGCAgAqX9cxggIBgCjRkgIKb+ABggIBgCABghIQJ0ASAwIAEBIDAgrCAxICAxIP7kASAwIAEBIDAgAAIAAP/nA4AC8gAnAE4AAAEnLgIGDwEOAR4CNj8BNhYfARYUDwEGJicmIgYUFx4CNj8BNiYBBwYmLwEmND8BNhYXFjI2NCcuAgYPAQYUHwEeATI2PwE2NCYiBwNBDh5LVEwdOQsHCBYeHQs4HU4bDxsbeB5LHBItIxEeTFJLHXs8Av5XPR1LHQ4cHHYeSxwRLyEQHktUTB16PDwPHk1USh09ECIuEQKkDx4gAR8dOQsdHhUHCAs5GgIbDx1LHXobAhwQIi0SHiABHhx9QKX+Sz0aARwQHUsdeRsDHBAhLhEeIAMdHntApkAPHiAdHDwSLSIQAAAJAAAAAAN/AuYACwAXACMAJAAwADEAPQA+AEoAAAEhPgE0JichDgEUFgUhIgYUFjMhMjY0JgMhDgEUFhchPgE0JgEjFB4BMj4BNTQmIgYTIxQeATI+ATU0JiIGEyMUHgEyPgE1NCYiBgF+AccZICAZ/jkYICAB3/45GCAgGAHHGSAgGf45GCAgGAHHGSAg/Vs4DxoeGw8gMSA4OA8aHhsPIDEgODgPGh4bDyAxIAJ0ASAwIAEBIDAgrCAxICAxIP7kASAwIAEBIDAgAgEQGRAQGRAYICD+yw8aDw8aDxkgIP7LDxoQEBoPGCAgAAQAAAAAA1IC1gALABgANAA4AAABDgEHHgEXPgE3LgEDLgEnPgE3HgEXDgEHEyYGBxUXNTYzMh4BBgcOARcVMzU+ATc+ATUuAQMzFSMB/ZHBBATBkZHABATAkW2RAgKRbWyRAwSQbBA5VgpMDTMZEwMWFxkbAU0BEhAhJQREa0lJAtUDwZGRwQMDwZGRwf2uA5BtbZADA5BtbI8DAc0GQDgOFg48FSYZDRAzHSAdERsHETwlMDz+q0cAAAAAAgAA/9cDVgLqAAsANgAAJSEiBhQWMyEyPgEmJRYXFjI3PgI1ETYuASIOARcRFgYHDgEnBicuAScmNRE2LgEiDgEXER4BAzn9oQsREQsCXwsQAhH+ECYtM2ozLEkoBQweIx4MBAISEho6Hi0rGyIFBgUMHiMfCwUBKhAQGBAOGBKMHQ4QDw86VC8BZRIhFRUhEv6bGCsQEhACAg4JLhwoJwEqEiEWFiES/powUwAAAAAFAAAAAAPEAtQADAAYADAAOgBeAAABLgEjISIGFBYzITI2BSIGFBY7ATI2NCYnBTU0JisBIgYdASIGBxUeATsBMjY9ATQmJz4BOwEyFhcVIwchLgEnET4BNyEeAR0BHgEyNj0BLgEnIQ4BBxEeARchMjYuAQLPAQ0K/kYJDg4JAboKDv4uCQ4OCd0KDQ0KAbo2Jy4mNxQaAQEaFOgUGxvOARoULhQaAYyj/qMnNQEBNiYCACc2AQ0TDgJOPP4AO08BAU87AV0KDgENAhkKDQ0TDg5rDhMODhMNAXUvJjc3Ji8aFIwUGhoUjBQaLxQaGhQvugE1JwF1JjYBATYmGAkODgkYO08BAU87/os7TwENFA0AAAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABABIAFQABAAAAAAACAAcAJwABAAAAAAADABIALgABAAAAAAAEABIAQAABAAAAAAAFAAsAUgABAAAAAAAGABIAXQABAAAAAAAKACsAbwABAAAAAAALABMAmgADAAEECQAAACoArQADAAEECQABACQA1wADAAEECQACAA4A+wADAAEECQADACQBCQADAAEECQAEACQBLQADAAEECQAFABYBUQADAAEECQAGACQBZwADAAEECQAKAFYBiwADAAEECQALACYB4QpDcmVhdGVkIGJ5IGljb25mb250CmJpbGktbm90ZS1pY29uZm9udFJlZ3VsYXJiaWxpLW5vdGUtaWNvbmZvbnRiaWxpLW5vdGUtaWNvbmZvbnRWZXJzaW9uIDEuMGJpbGktbm90ZS1pY29uZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAAoAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAKAGIAaQBsAGkALQBuAG8AdABlAC0AaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGIAaQBsAGkALQBuAG8AdABlAC0AaQBjAG8AbgBmAG8AbgB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgALY2FwdHVyZS1hcHAIa2V5Ym9hcmQEdW5kbwRyZWRvD2ljb25fc2NyZWVuc2hvdAtpY29uX2ZsYWdfTAtpY29uX2ZsYWdfcw1pY29uX25vdGVib29rDGljb25fbG9hZGluZw5pY29uX3dhcm5pbmcwMgtpY29uX3Rvbm90ZRJpY29uZm9udF9pY29uX3N5bmMUaW9uZm9udF9pY29uX3dhcm5pbmcMaWNvbl90dWRkaW5nHWljb25mb250X2ljb25fYmFja2dyb3VuZGNvbG9yGGljb25mb250X2ljb25fZm9udGNvbG9yMRBpY29uX3JlZnJlc2h0aW1lG2ljb25mb250X2ljb25fZm9udGNvbG9yLW1pbhJpY29uZm9udF9pY29uX2JvbGQZaWNvbmZvbnRfaWNvbl9hbGlnbmNlbnRlchRpY29uZm9udF9pY29uX2Fycm93cxNpY29uZm9udF9pY29uX2Nsb3NlDWljb25fYXJyZXN0MDIVaWNvbmZvbnRfaWNvbl9jcm9zc2VkFGljb25mb250X2ljb25faXRhbGljFWljb25mb250X2ljb25fcGljdHVyZRJpY29uZm9udF9pY29uX3NhdmUXaWNvbmZvbnRfaWNvbl9mb250Y29sb3IVaWNvbmZvbnRfaWNvbl9hbGlnbmVkDWljb25fbGFqaXRvbmcdaWNvbmZvbnRfaWNvbl9sZWZ0anVzdGluZnlpbmcSaWNvbmZvbnRfaWNvbl9saW5rF2ljb25mb250X2ljb25fdW5vcmRlcmVkFWljb25mb250X2ljb25fc3VnZ2VzdBdpY29uZm9udF9pY29uX3VuZGVybGluZRRpY29uZm9udF9pY29uX215bm90ZQAAAAAA);
    src: url(data:application/vnd.ms-fontobject;base64,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bm90ZS1pY29uZm9udFJlZ3VsYXJiaWxpLW5vdGUtaWNvbmZvbnRiaWxpLW5vdGUtaWNvbmZvbnRWZXJzaW9uIDEuMGJpbGktbm90ZS1pY29uZm9udEdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAAoAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAKAGIAaQBsAGkALQBuAG8AdABlAC0AaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAGIAaQBsAGkALQBuAG8AdABlAC0AaQBjAG8AbgBmAG8AbgB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACUBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgALY2FwdHVyZS1hcHAIa2V5Ym9hcmQEdW5kbwRyZWRvD2ljb25fc2NyZWVuc2hvdAtpY29uX2ZsYWdfTAtpY29uX2ZsYWdfcw1pY29uX25vdGVib29rDGljb25fbG9hZGluZw5pY29uX3dhcm5pbmcwMgtpY29uX3Rvbm90ZRJpY29uZm9udF9pY29uX3N5bmMUaW9uZm9udF9pY29uX3dhcm5pbmcMaWNvbl90dWRkaW5nHWljb25mb250X2ljb25fYmFja2dyb3VuZGNvbG9yGGljb25mb250X2ljb25fZm9udGNvbG9yMRBpY29uX3JlZnJlc2h0aW1lG2ljb25mb250X2ljb25fZm9udGNvbG9yLW1pbhJpY29uZm9udF9pY29uX2JvbGQZaWNvbmZvbnRfaWNvbl9hbGlnbmNlbnRlchRpY29uZm9udF9pY29uX2Fycm93cxNpY29uZm9udF9pY29uX2Nsb3NlDWljb25fYXJyZXN0MDIVaWNvbmZvbnRfaWNvbl9jcm9zc2VkFGljb25mb250X2ljb25faXRhbGljFWljb25mb250X2ljb25fcGljdHVyZRJpY29uZm9udF9pY29uX3NhdmUXaWNvbmZvbnRfaWNvbl9mb250Y29sb3IVaWNvbmZvbnRfaWNvbl9hbGlnbmVkDWljb25fbGFqaXRvbmcdaWNvbmZvbnRfaWNvbl9sZWZ0anVzdGluZnlpbmcSaWNvbmZvbnRfaWNvbl9saW5rF2ljb25mb250X2ljb25fdW5vcmRlcmVkFWljb25mb250X2ljb25fc3VnZ2VzdBdpY29uZm9udF9pY29uX3VuZGVybGluZRRpY29uZm9udF9pY29uX215bm90ZQAAAAAA#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAABJsAAsAAAAAI8wAABIeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCGegqvLKUFATYCJAOBFAtMAAQgBYVlB4YFG44dM6P2krSSTfZfH2+MityQIGN3ETzsBUHI9RMb/ogGwuZj9U/z9Varcashmww1rF/Ghshwdeq/saGUBNR+v733RQz1kDXhoTAdD5VI00boNBKJ0mjEw/6e5vw/e3cTkiVxJCFIBNN6aqgFIuX3o/8XvDNIkCqhpvQpqlUqmpoT6lRJRW1XVavUpmFxHQ97+/+proEsUQoTmTQoOgcHwGBOTUp2JAUODGkHlKZ0QOkBvRDsuDRKe4iDfOSv9TUECgObSzQANjw+B2k+8I/CxKVMbiBX6w4sQSEnvjk7/9OcTTrXL8vNMOPqHEai8n8OLuN3/Nzdo7mwwk53OuaQrDG69oW9dR3UUQVGIRTCY6RGWKDm1IO4CzxqTJdCQGyrG7ACLKRd4ohyg694OAEocrQm7EbEaSCP4EiBXJf5uVmQjzkQOZEBI44uGDGNsFqgYSTL0Q205t6b+vCP2hgACVoKnEc6yQmfAZuPOYhQhlRchprmVKxGAylgDWkQ3oXaG+6La55Mip6FsAyUMSBElDRvDUxBwymaMRGzO0bAwnO1rj1bw6EJ/QM8Ogs0Qm0dXT19A0MjY8ZNmDRl2oxZcxrqajhY2CyRmASELNg5y4DwQcockV9Z0iAKlhSIkiUBUbMEEA1LHkQrqYIdErBH0iwOsLSIkaVNTCwdYmbpEgtLj1ix9Ik1y4DYsAyJLcuI2BFj4B7JUPGABDwiAU9IwDPENHiBmAGvELPgDV5meIdogA+IOviEqIEviCr4hiiDH4gK+IUogT+IIviHKICBIppg/j7MHnAOcmegMAeOM0x5JilMmBuL2wgaxeNXG/6YTIvLdM9AmIh7dtoEm8li8RxK9gxstlQqJuksFikgmFz74MkZFtPRyYEgJOkEuljrbUiSRdccuaDQ/lHCGmNaE4LXHJktpT42JJsdEHe3k4y5E4nFtidYXmyWvhZQcS+9uVHTMKZ3N6bG7ryYWbm3KT15H2OD5ydvY1G5EZLoJr6cbD8cf7R8l9xR7sn3fwhDIYrEJJHi+AmjHEKF0QVMNYCoDNJ1CGVDWgKEFFrUWKDmAQ4aCASiJWJV1+4sPpl7/gBlmxFUwoqaMwbCkUBCIaO4xOvIJgmmGO2FspMhkgLPaEOIQpFEYpZ6424xE8dQTnDtYrRV81g8AnHd0vyocu3UAnxgVPfAhsPzR5J3B8K1iUQRnmbW5SgiYYiWJXcdPv12llqNeufcFc0hrXcBwkkVuwl/yJthuoX81GK7s5bXBuo3BglxUU7xYVoOsIhSeYjsY+2cBFG3hmvRv2L4jxD/V0n+F6UuVkSJSI4xo70D01EY6u0+4jh5Zii4TW/2D6EBkQayLwnL32iU/8ZoNX3bZEZVMqK4IMk9kHWynqGUWbqzYd343XJ+9f7mdNMfUUqcwpV0jrusjr/gnp7MxNvakSQiMB49xWrsyVdY3BB0LdDRcTF5jTes8xB15kQ4hNsPx09D7twHn7JVHbx0KXyZUW0O6i3+dIIx3emYLZchkbgtCtjpaGsbFvIylSVjknb2uxBIiEcDKIwAjeTFa17UJUyHr5+I36wI6pI/wUuVU/Fbp5NXpCDqFnu60p329gjuhRKnL7ljrMzf0XIwyXG+3Fur2muF/vp0x/tC/STO0mC9VNYw5Z31Q62Z0bFZkarSntrO5rGSuVYYVhueha18PSs2PEO4TqtVlQzKimZff3ioxQZRCkP0x+BnqX6vxmxewqLmdGZX5oGM4stBp8JNxP1jcTs8Z86YJwrryElj9UyCh+MqXj7ZBuonimgPOYEyMPt1bfxBS6IpAeWnnBwUnF8r/bmU0pHP6WSkouuGwWZpY6ap5h+SpmldFSp6WYMVBbU+FJ3ykjjZzp1Wk9tL2QGNuAonQziczvkho4b00kpfn12yNd+JDuWAdzpXy9r8FLsn8QF7W3DiVOlY34ry4lIYgtuNjW6kqERjcXm5bHVorDZWqDNm0VSqCn69mMmohUa31320fBGvJskzs9smn9Y5TI2mvhf12oX7PX5sDjSEUsu9DaicZ8jT0/AB+dRwLp0fzVIDQpmr2MWPzFKl3hSgat+g+VBAcWuVHv0YqiKBt2gh75xuT8szVYDgd7kHcKpxsvbbdnp9GneLGlCteyBna8crv66WsTUl92tNw1kalhO9m9+hajLQOd6JQX/NSb513DCgjJQu6Kzi1W6v0CjUi+9BByUgfG2obp8imWGgZlm8IXM6QhBrvsEoRegULqw1mIZbtLxaK24Gpb6ZwRmipFF7Ov4pk/oyLZh1zm8e1DxAd8SHWmpQiVDfrCYuMrIW7Zo1nR2Xj9U4P47Drs9mh+FZDv/lF5FV1iNdghv32MoJ0u1FUdIr3Y9HP0uhHfoyS7boabm9yk8Jd8jnrBfRpPfLlnxKKRpq8J6Md9Y7w+cYfyPSsExQgppr3kCkWl9m3QhDl8ItQOwI/i5u2ZxrAxi2Av74eTgR92OAajnFJNY4daPlV+ceoe8udZhuTdRoGmtLNaaK3xvOsdRnn2qfEBjj0V5dlxk0aDhYh7H7SeHBZZ3bA+V7CCl3AMUtgLmiYxrA/qmVVhCkem0ACT8yC72UX74LaNpc7fJw7DYjOMevSFH7cDh7xr+lqf/IRSUWZxgTXHU0W4vQzEuZoRa2NJ3rhLtpqEQkn7rX9aNLcHRm/OjalpBgJ6nFNhaPSRyjygfUh+b0xYu4hOYJKRdmSKlATU0IocIhdrtzr59+pIm0JUcMfoYRL5OJqfdjmpciCcXUzX/pfQVZbJmmWt9aRGaCGlIZQyQCAzL0V/H6I9VDRhiwqq1m3cx+GhERRVcxIiGIeM/wl0rFUv7dO2uGMLu36m+lpaplD0CTKiM5E0R8vYtO6rgAFlaUVi+buxRSy1GLI/TCcnqxbyudFTCD8HPyaBl4jDYYNGF7vIMupIdASgoW4pbcLhaCCaVLTVXSiCeQPuAdY71HE2YomBgDcyNjatZZ/rlRseWooQHp4x4NjeWlbZHuntFqTJEeXiEwrQnOuP46QOVaaIs72Gm7xbOS4l+5v0qKmy3encbWC/ut9rF3popTd7LBJgTJZcnsSd1ueZGhZnez3lKeW/ck9lheJVZt2eFFTuqwhPWNnKK5DijzvEWM6o6IJbpjE2Jz6NNPc0DTtYZz6ahh18PIR1KfXX5FXJDihhuEVEog3HBIuTDDtK3EixcEwlaHlLNxVr7HaZrAuvLyukAN6Bup5f4o1jk0yCXzd6ZxdwAU608t97kYdSSwj8manp4rqm363fZ4nXY7A5eS33hTgYH1BYWjd/XUY53yKldZv7KhkSRNNeIzoqIdXs8iWesPk4vvhEYzw++0QFbLLJnR/sflzh1lQRLsdthYXV6KwizLoePhhZ0FnRE2ftLpw4BkE3+EYIt3SP/q8A9eYFDLNNl2B+D08T5YnXbm3U+K/tIIgiebPozCTvzYWrZg+wKVSioNOhaWUyLg4aqAhNNvST6Jzrl7IYi4OH0yz5+XpJgQrqjKQ86vpDk2eGRhJ0AHfv06LqFjQuxhkfmR3DDHMC7DUhSFS+T+fwEBpe4NKKwoQ/+LlffXtjyiPDm5tMzkf1pxsKIyOWkakecVnce6o884GYb6vQd0fLP/XvlmXbY+o2RRi+YZvhw2KR4/Ngp2FK+1EikZMPZ9fbg+Z8HiIo/FntNCfYejxXZiwTGVV673ApK9I7q80GNpbHLzeklNz5TqqNzFIQcLFsKo4pOnUV7aupq0qtMo3kfUxPV/mOQQi9tHZz4U3l31ZVJBq+qcgCFIPAcUNbF8HT3z8d5efD5cw5s9nMTqHzrYoNPCK6stx2fYJSXZaQaOx3l8KmBDe4Y45KE4KL2dX3srpC5ip8BCEL5zU8VH6/2exqCPQYOeJrjR/5YpxBILClUY3iYnvSSatnFJWNFMlERivtp/Hl6ABq6Q2//ugmZQ9lpG20DjDWGQUqYrpvypYisGc8MaERVAibR0CQh5BoAXH2xfk5B+qljH3d/wBqwqhpTVN4Yrs3VUtrbq5nB4YJLXOQ/eGD5/ZnlUXTyHb7xgGpaNfE58XVQ90MP5xg/YflmezHj9wbUHxuck3vgRM8LorRvrnxBxjftzrJemdk9P5QqcvlmG9ddfXN5bs5BtPWB11wbOHxSkGFONTWFj3BJ93B7c/ms2ixJRA5+e71u7PKEvNREVt/+cmvMs8FlV+k+z87Z7ZxvXgGNEwZHwuezRd//jEKWsXIU5RhWuSGBRFr88P9owoo28tJPO2KKU0MvNgLEdH1vl9oGjyXBJq91ouziJPF6nfKz8tHGR0BLZ9OBoT7FHjVJ58f9/xZCniJw1waOsjV7uHygYL6+NCauiamxoA66SSnuXra3tYy1v2wWmyoYNw9USpX2kBaloe9imIC1ccmMiFHQj0k6sVw4RKzfae/2pKH/XbO1PKYwHRsoJv80rvwO798IEdY23x+cKiQC1bXg/c8NMC1t7mV4pjhRAh5ZD3/4pnXGrkvivEr/GHTzzqcpH94Yn7Oo5vGuxqPsxz3aM1bvhxVbZfw+I48YOOvGP9O5iE62hWXdg/LYsnlaufZswLzQ2JwwbF4xl/g+LmBcPLx6MX5hwcR4+njfurRveoH2r5b/ia2V2h+UQC4iwNuRa3kU+2wGcmoWga8PqwNVi/+6JxvXnwhhB121zjJMaYh1Ny9YXzdNcPbW+6kw8tv71xtiNlbNuxmBGJx+ZD2aOdUqCGIfB2XMPYV19O0xnYmDwzv7Y/eVVN2OQkesHvm/reCYUaz80a/ahnkOvzXFOmmj7wcF3T/F9uTCv7JShRdkgRdftDfKVxPdYCSiviy6YwHva6rjlKW/Z1/gxE7jPWhw3P+OKY1DMgcgPP8NadPgwXhtcJ9Qi5EMhdShjUhGqXYsVwblahAqtr4WK8MK1awoR17RYG/gvJ9aaMzha7OySUrS2gyWNdwC7z7DvEhg6qUATHRkNo2t5GZZcEdeSt/Wrh71ZmTrkV+B7MErppvbLDh64orgyEJBta+e0rvXikU19DrHT3Dx/nmlY8agtOIfrkQznREwTuY85IjQz95HmiwVMs/90ZnJIaKrdq/dz1bn5uua4+lnV46vwequnVv1Wq4oM+R5F37QVv1Ude9Myw+jlNK0KMrWuIsZQRZPILj5hAH7NSSTLSfXclkaO4CaoPkRRX8HZiEegOg+Uo09gAtpNeQkUydVEIl4Td/uhU9ZG9BzVo+lQM2A1MoNi9BYcxsHXAMainWA1Hre9D47nAW+cBcagx3gRG9FJ7CwgBA0AZxQJUtCX2KGysfVDLlyP8wGojfjMpnulfuB1eAAA9RTv6EJaSxbqCW5A7/GpLoAno6sA1LWpeD9fcxxd+VdzT9BUWJqVwZ38iWH5H+ktI9Vzz3rl5aIxoqAsKUwI/RtZJT6hrFXE8XGl45yf+0qusGTVor/B4gc4b94d00iAotsO/Lt6XdPXNGI7pdFdFMRsKyZhwY1JEdig076bTIalZCZL4JQp8nIzeonQCw5LMwGseP1gMM4+GYTjB4NzjkkTvj4MjU1JIl3km8uQdBj9LJYW79o9FCpgFbzpJoOOKTDpQYcJC2KFInkxvyGOycq+it1U/AfJyGSass5I+wAC6WqQvIqtajBBuDfv+0eDlNgMwgtwWs5Vh7eqCqJBS8f92sFaqIDV++Le6KaY6JiCqgdEYhKLlcwlGy9KiL8tNY7H3bdSusb54n9blbxGXH6jUaor0R8yVax0aua8iq0dqcEchHs/9r2aCslNZmMQd7cAp6V5BWN4U1mNhbJy2X1s/+UrM/oqHYvzoUaz1e7o7Oru6d9GX7W3rz9+goRZZZ1NtokSZ5ck+xxyzClpsuQpcs4lV4fODjoKFPvDDHtLmDq24rdG8rwl4PkUHdMsOwGgPGc9jJ8zJBtnv8LgfIxMK7ljXh4diyS2HimeLGZ9WyFn3VZQlMvFXZghnrVx3ETuClMrKtiaitLRN/K8M3fWLaPwYC/AcWK5y0E+L3I0Z/FEgZCXJs8Ve3gsdaCiR+rVCTpO/j75w2zCSA5IQa6EFyDC3/nymMslznCcd0GQtW6v15TsKIOviaC20pgr5h7QqatSyR2KXcHtdJq67rkT/FAuONkFKsv0VyUIuhizIoUJKba0rIS0XL6RWDwIeD2PMY628pJwdaCEBFahfiJWWFsD") format("woff2"), url(data:font/woff;base64,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) format("woff"), url(data:font/ttf;base64,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LQBpAGMAbwBuAGYAbwBuAHQAUgBlAGcAdQBsAGEAcgBiAGkAbABpAC0AbgBvAHQAZQAtAGkAYwBvAG4AZgBvAG4AdABiAGkAbABpAC0AbgBvAHQAZQAtAGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAYgBpAGwAaQAtAG4AbwB0AGUALQBpAGMAbwBuAGYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJQECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAAtjYXB0dXJlLWFwcAhrZXlib2FyZAR1bmRvBHJlZG8PaWNvbl9zY3JlZW5zaG90C2ljb25fZmxhZ19MC2ljb25fZmxhZ19zDWljb25fbm90ZWJvb2sMaWNvbl9sb2FkaW5nDmljb25fd2FybmluZzAyC2ljb25fdG9ub3RlEmljb25mb250X2ljb25fc3luYxRpb25mb250X2ljb25fd2FybmluZwxpY29uX3R1ZGRpbmcdaWNvbmZvbnRfaWNvbl9iYWNrZ3JvdW5kY29sb3IYaWNvbmZvbnRfaWNvbl9mb250Y29sb3IxEGljb25fcmVmcmVzaHRpbWUbaWNvbmZvbnRfaWNvbl9mb250Y29sb3ItbWluEmljb25mb250X2ljb25fYm9sZBlpY29uZm9udF9pY29uX2FsaWduY2VudGVyFGljb25mb250X2ljb25fYXJyb3dzE2ljb25mb250X2ljb25fY2xvc2UNaWNvbl9hcnJlc3QwMhVpY29uZm9udF9pY29uX2Nyb3NzZWQUaWNvbmZvbnRfaWNvbl9pdGFsaWMVaWNvbmZvbnRfaWNvbl9waWN0dXJlEmljb25mb250X2ljb25fc2F2ZRdpY29uZm9udF9pY29uX2ZvbnRjb2xvchVpY29uZm9udF9pY29uX2FsaWduZWQNaWNvbl9sYWppdG9uZx1pY29uZm9udF9pY29uX2xlZnRqdXN0aW5meWluZxJpY29uZm9udF9pY29uX2xpbmsXaWNvbmZvbnRfaWNvbl91bm9yZGVyZWQVaWNvbmZvbnRfaWNvbl9zdWdnZXN0F2ljb25mb250X2ljb25fdW5kZXJsaW5lFGljb25mb250X2ljb25fbXlub3RlAAAAAAA=) format("truetype"), url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.164d1555.svg#bili-note-iconfont) format("svg")
}

.bili-note-iconfont {
    font-family: bili-note-iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.iconcapture-app:before {
    content: "\E609"
}

.iconkeyboard:before {
    content: "\E607"
}

.iconundo:before {
    content: "\E606"
}

.iconredo:before {
    content: "\E605"
}

.iconicon_screenshot:before {
    content: "\E620"
}

.iconicon_flag_L:before {
    content: "\E61E"
}

.iconicon_flag_s:before {
    content: "\E61F"
}

.iconicon_notebook:before {
    content: "\E61D"
}

.iconicon_loading:before {
    content: "\E6B8"
}

.iconicon_warning02:before {
    content: "\E6B7"
}

.iconicon_tonote:before {
    content: "\E6B6"
}

.iconiconfont_icon_sync:before {
    content: "\E6B4"
}

.iconionfont_icon_warning:before {
    content: "\E6B5"
}

.iconicon_tudding:before {
    content: "\E6B3"
}

.iconiconfont_icon_backgroundcolor:before {
    content: "\E6B2"
}

.iconiconfont_icon_fontcolor1:before {
    content: "\E6B1"
}

.iconicon_refreshtime:before {
    content: "\E6B0"
}

.iconiconfont_icon_fontcolor-min:before {
    content: "\E6BA"
}

.iconiconfont_icon_bold:before {
    content: "\E69E"
}

.iconiconfont_icon_aligncenter:before {
    content: "\E69F"
}

.iconiconfont_icon_arrows:before {
    content: "\E6A0"
}

.iconiconfont_icon_close:before {
    content: "\E6A1"
}

.iconicon_arrest02:before {
    content: "\E6A2"
}

.iconiconfont_icon_crossed:before {
    content: "\E6A3"
}

.iconiconfont_icon_italic:before {
    content: "\E6A4"
}

.iconiconfont_icon_picture:before {
    content: "\E6A5"
}

.iconiconfont_icon_save:before {
    content: "\E6A6"
}

.iconiconfont_icon_fontcolor:before {
    content: "\E6A7"
}

.iconiconfont_icon_aligned:before {
    content: "\E6A8"
}

.iconicon_lajitong:before {
    content: "\E6A9"
}

.iconiconfont_icon_leftjustinfying:before {
    content: "\E6AA"
}

.iconiconfont_icon_link:before {
    content: "\E6AB"
}

.iconiconfont_icon_unordered:before {
    content: "\E6AC"
}

.iconiconfont_icon_suggest:before {
    content: "\E6AD"
}

.iconiconfont_icon_underline:before {
    content: "\E6AE"
}

.iconiconfont_icon_mynote:before {
    content: "\E6AF"
}

/*!* Quill Editor v1.3.6
* https://quilljs.com/
* Copyright (c) 2014, Jason Chen
* Copyright (c) 2013, salesforce.com*/
.ql-container {
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    position: relative;
    background: #fff;
    color: #222
}

html.night-mode .ql-container {
    background: #141414;
    color: #e0e0e0
}

.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden
}

.ql-disabled .ql-editor > * {
    cursor: default !important
}

.ql-container.ql-disabled .ql-editor ul[data-checked] > li:before {
    pointer-events: none
}

.ql-clipboard {
    left: -100000px;
    height: 1px;
    overflow-y: hidden;
    position: absolute;
    top: 50%
}

.ql-clipboard p {
    margin: 0;
    padding: 0
}

.ql-editor {
    box-sizing: border-box;
    line-height: 1.42;
    height: 100%;
    outline: none;
    overflow-y: auto;
    padding: 25px 30px 10px;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word
}

.ql-editor > * {
    cursor: text
}

.ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor ol, .ql-editor p, .ql-editor pre, .ql-editor ul {
    margin: 0;
    padding: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol > li, .ql-editor ul > li {
    list-style-type: none
}

.ql-editor ul > li:before {
    content: "\2022"
}

.ql-editor ul[data-checked=false], .ql-editor ul[data-checked=true] {
    pointer-events: none
}

.ql-editor ul[data-checked=false] > li *, .ql-editor ul[data-checked=true] > li * {
    pointer-events: all
}

.ql-editor ul[data-checked=false] > li:before, .ql-editor ul[data-checked=true] > li:before {
    color: #777;
    cursor: pointer;
    pointer-events: all
}

.ql-editor ul[data-checked=true] > li:before {
    content: "\2611"
}

.ql-editor ul[data-checked=false] > li:before {
    content: "\2610"
}

.ql-editor li:before {
    display: inline-block;
    white-space: nowrap;
    width: 1.2em
}

.ql-editor li:not(.ql-direction-rtl):before {
    margin-left: -1.5em;
    margin-right: .3em;
    text-align: right
}

.ql-editor li.ql-direction-rtl:before {
    margin-left: .3em;
    margin-right: -1.5em
}

.ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em
}

.ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0
}

.ql-editor ol li:before {
    content: counter(list-0, decimal) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1
}

.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2
}

.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) ". "
}

.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3
}

.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) ". "
}

.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4
}

.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5
}

.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) ". "
}

.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6
}

.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) ". "
}

.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9
}

.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7
}

.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) ". "
}

.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9
}

.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8
}

.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) ". "
}

.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9
}

.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9
}

.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) ". "
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-editor .ql-video {
    display: block;
    max-width: 100%
}

.ql-editor .ql-video.ql-align-center {
    margin: 0 auto
}

.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto
}

.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif
}

.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace
}

.ql-size-small {
    font-size: .75em
}

.ql-size-large {
    font-size: 1.5em
}

.ql-size-huge {
    font-size: 2.5em
}

.ql-editor .ql-direction-rtl {
    direction: rtl;
    text-align: inherit
}

.ql-editor .ql-align-center {
    text-align: center
}

.ql-editor .ql-align-justify {
    text-align: justify
}

.ql-editor .ql-align-right {
    text-align: right
}

.ql-editor.ql-blank:before {
    color: rgba(0, 0, 0, .3);
    content: attr(data-placeholder);
    font-style: italic;
    left: 15px;
    pointer-events: none;
    position: absolute;
    right: 15px
}

.ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button {
    color: #333;
    background: 0 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 28px
}

.ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%
}

.ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover {
    outline: none
}

.ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] {
    display: none
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover {
    color: #06c
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill {
    fill: #06c
}

.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter {
    stroke: #06c
}

@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: #444
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: #444
    }
}

.ql-snow, .ql-snow * {
    box-sizing: border-box
}

.ql-snow * {
    outline: none
}

.ql-snow .ql-hidden {
    display: none
}

.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
    visibility: hidden
}

.ql-snow .ql-tooltip {
    position: absolute;
    transform: translateY(10px)
}

.ql-snow .ql-tooltip a {
    cursor: pointer;
    text-decoration: none
}

.ql-snow .ql-formats {
    display: inline-block;
    vertical-align: middle;
    display: -ms-flexbox;
    display: flex
}

.ql-snow .ql-formats:after {
    clear: both;
    content: "";
    display: table
}

.ql-snow .ql-stroke {
    fill: none;
    stroke: #444;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2
}

.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: #444;
    stroke-miterlimit: 10;
    stroke-width: 2
}

.ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
    fill: #444
}

.ql-snow .ql-empty {
    fill: none
}

.ql-snow .ql-even {
    fill-rule: evenodd
}

.ql-snow .ql-stroke.ql-thin, .ql-snow .ql-thin {
    stroke-width: 1
}

.ql-snow .ql-transparent {
    opacity: .4
}

.ql-snow .ql-direction svg:last-child {
    display: none
}

.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline
}

.ql-snow .ql-direction.ql-active svg:first-child {
    display: none
}

.ql-snow .ql-editor h1, .ql-snow .ql-editor h2, .ql-snow .ql-editor h3, .ql-snow .ql-editor h4, .ql-snow .ql-editor h5, .ql-snow .ql-editor h6 {
    font-size: 12px
}

.ql-snow .ql-editor blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px
}

.ql-snow .ql-editor code, .ql-snow .ql-editor pre {
    background-color: #f0f0f0;
    border-radius: 3px
}

.ql-snow .ql-editor pre {
    white-space: pre-wrap;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px
}

.ql-snow .ql-editor code {
    font-size: 85%;
    padding: 2px 4px
}

.ql-snow .ql-editor pre.ql-syntax {
    background-color: #23241f;
    color: #f8f8f2;
    overflow: visible
}

.ql-snow .ql-editor img {
    max-width: 100%
}

.ql-snow .ql-picker {
    color: #333;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    position: relative;
    vertical-align: middle
}

.ql-snow .ql-size .ql-picker-label {
    cursor: pointer;
    display: inline-block;
    height: 100%;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    width: 100%;
    font-weight: 500;
    font-size: 15px
}

.ql-snow .ql-picker-label:before {
    display: inline-block;
    line-height: 22px
}

.ql-snow .ql-picker-options {
    z-index: 999;
    background-color: #fff;
    display: none;
    min-width: 100%;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap
}

.ql-snow .ql-picker-options .ql-picker-item {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #ccc;
    z-index: 2
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #ccc
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #43494c
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    display: block;
    margin-top: 6px;
    top: 100%;
    z-index: 999
}

.ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 4px
}

.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 4px 0
}

.ql-snow .ql-icon-picker .ql-picker-item {
    height: 24px;
    width: 24px;
    padding: 2px 4px
}

.ql-snow .ql-color-picker .ql-picker-options {
    padding: 3px 5px;
    width: 152px
}

.ql-snow .ql-color-picker .ql-picker-item {
    border: 1px solid transparent;
    float: left;
    height: 16px;
    margin: 2px;
    padding: 0;
    width: 16px
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    margin-top: -10px;
    right: 0;
    top: 50%;
    width: 18px
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before {
    content: attr(data-label)
}

.ql-snow .ql-picker.ql-header {
    width: 98px
}

.ql-snow .ql-picker.ql-header .ql-picker-item:before, .ql-snow .ql-picker.ql-header .ql-picker-label:before {
    content: "\6B63\6587"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before {
    content: "Heading 1"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before {
    content: "Heading 2"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before {
    content: "Heading 3"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before {
    content: "Heading 4"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before {
    content: "Heading 5"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before, .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before {
    content: "Heading 6"
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before {
    font-size: 2em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before {
    font-size: 1.5em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before {
    font-size: 1.17em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before {
    font-size: 1em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before {
    font-size: .83em
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before {
    font-size: .67em
}

.ql-snow .ql-picker.ql-font {
    width: 108px
}

.ql-snow .ql-picker.ql-font .ql-picker-item:before, .ql-snow .ql-picker.ql-font .ql-picker-label:before {
    content: "Sans Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before {
    content: "Serif"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before {
    content: "Monospace"
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before {
    font-family: Georgia, Times New Roman, serif
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before {
    font-family: Monaco, Courier New, monospace
}

.ql-snow .ql-picker.ql-size {
    width: 50px;
    padding-top: 1px
}

.ql-snow .ql-picker.ql-size .ql-picker-item:first-child {
    display: none
}

.ql-snow .ql-picker.ql-size .ql-picker-item:before, .ql-snow .ql-picker.ql-size .ql-picker-label:before {
    content: "14"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before {
    content: "Large"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before {
    content: "Huge"
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before {
    font-size: 10px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before {
    font-size: 18px
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before {
    font-size: 32px
}

.ql-snow .ql-color-picker.ql-background .ql-picker-options .ql-picker-item:first-child {
    position: relative;
    border: 1px solid #eee
}

.ql-snow .ql-color-picker.ql-background .ql-picker-options .ql-picker-item:first-child:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 1px;
    width: 18px;
    height: 0;
    border-bottom: 1px solid #ff5151;
    transform-origin: 0 0;
    transform: rotate(45deg)
}

.ql-toolbar.ql-snow {
    border: none;
    box-sizing: border-box;
    font-family: helvetica neue, helvetica, arial, sans-serif;
    padding: 8px
}

.ql-toolbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #ededf2
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right: 5px
}

.ql-toolbar.ql-snow .ql-picker-options {
    border: 1px solid transparent;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2)
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label, .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: none
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: none;
    box-shadow: 0 1px 3px #888
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
    border-top: 0
}

.ql-snow .ql-tooltip {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #ddd;
    color: #444;
    padding: 5px 12px;
    white-space: nowrap
}

.ql-snow .ql-tooltip:before {
    content: "";
    line-height: 26px;
    margin-right: 8px
}

.ql-snow .ql-tooltip input[type=text] {
    display: none;
    border: 1px solid #ccc;
    font-size: 13px;
    height: 26px;
    margin: 0;
    padding: 3px 5px;
    width: 170px
}

.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 200px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top
}

.ql-snow .ql-tooltip a.ql-action:after {
    display: none;
    border-right: 1px solid #ccc;
    content: "";
    margin-left: 16px;
    padding-right: 8px
}

.ql-snow .ql-tooltip a.ql-remove:before {
    font-size: 12px;
    content: "\79FB\9664";
    margin-left: 10px
}

.ql-snow .ql-tooltip a {
    line-height: 26px
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
    display: inline-block
}

.ql-snow .ql-tooltip.ql-editing a.ql-action:after {
    border-right: 0;
    content: "Save";
    padding-right: 0
}

.ql-snow .ql-tooltip[data-mode=link]:before {
    content: ""
}

.ql-snow .ql-tooltip[data-mode=formula]:before {
    content: "Enter formula:"
}

.ql-snow .ql-tooltip[data-mode=video]:before {
    content: "Enter video:"
}

.ql-snow a {
    color: #06c
}

.ql-container.ql-snow {
    border: 1px solid #f1f3f7
}

.ql-color-picker .ql-picker-item[data-value="#ffffff"] {
    background-color: #fff;
    border: 1px solid #ccc
}

.ql-color-picker .ql-picker-item[data-value="#333333"] {
    background-color: #333
}

.ql-color-picker .ql-picker-item[data-value="#494949"] {
    background-color: #494949
}

.ql-color-picker .ql-picker-item[data-value="#a5a5a5"] {
    background-color: #a5a5a5
}

.ql-color-picker .ql-picker-item[data-value="#cccccc"] {
    background-color: #ccc
}

.ql-color-picker .ql-picker-item[data-value="#89d4ff"] {
    background-color: #89d4ff
}

.ql-color-picker .ql-picker-item[data-value="#73fdea"] {
    background-color: #73fdea
}

.ql-color-picker .ql-picker-item[data-value="#89fa4e"] {
    background-color: #89fa4e
}

.ql-color-picker .ql-picker-item[data-value="#fff359"] {
    background-color: #fff359
}

.ql-color-picker .ql-picker-item[data-value="#FF968D"] {
    background-color: #ff968d
}

.ql-color-picker .ql-picker-item[data-value="#ffa0d0"] {
    background-color: #ffa0d0
}

.ql-color-picker .ql-picker-item[data-value="#0b84ed"] {
    background-color: #0b84ed
}

.ql-color-picker .ql-picker-item[data-value="#18e7cf"] {
    background-color: #18e7cf
}

.ql-color-picker .ql-picker-item[data-value="#60d837"] {
    background-color: #60d837
}

.ql-color-picker .ql-picker-item[data-value="#fbe231"] {
    background-color: #fbe231
}

.ql-color-picker .ql-picker-item[data-value="#ff654e"] {
    background-color: #ff654e
}

.ql-color-picker .ql-picker-item[data-value="#ea0077"] {
    background-color: #ea0077
}

.ql-color-picker .ql-picker-item[data-value="#0176ba"] {
    background-color: #0176ba
}

.ql-color-picker .ql-picker-item[data-value="#068f86"] {
    background-color: #068f86
}

.ql-color-picker .ql-picker-item[data-value="#1DB100"] {
    background-color: #1db100
}

.ql-color-picker .ql-picker-item[data-value="#f8ba00"] {
    background-color: #f8ba00
}

.ql-color-picker .ql-picker-item[data-value="#ee230d"] {
    background-color: #ee230d
}

.ql-color-picker .ql-picker-item[data-value="#cb297a"] {
    background-color: #cb297a
}

.ql-color-picker .ql-picker-item[data-value="#004e80"] {
    background-color: #004e80
}

.ql-color-picker .ql-picker-item[data-value="#017c76"] {
    background-color: #017c76
}

.ql-color-picker .ql-picker-item[data-value="#017001"] {
    background-color: #017001
}

.ql-color-picker .ql-picker-item[data-value="#ff9201"] {
    background-color: #ff9201
}

.ql-color-picker .ql-picker-item[data-value="#b41700"] {
    background-color: #b41700
}

.ql-color-picker .ql-picker-item[data-value="#99195e"] {
    background-color: #99195e
}

.ql-editor .ql-size-10px {
    font-size: 10px
}

.ql-editor .ql-size-12px {
    font-size: 12px
}

.ql-editor .ql-size-14px {
    font-size: 14px
}

.ql-editor .ql-size-16px {
    font-size: 16px
}

.ql-editor .ql-size-18px {
    font-size: 18px
}

.ql-editor .ql-size-20px {
    font-size: 20px
}

.ql-editor .ql-size-22px {
    font-size: 22px
}

.ql-editor .ql-size-24px {
    font-size: 24px
}

.ql-editor .ql-color-\#000000 {
    color: #000
}

html.night-mode .ql-editor .ql-color-\#000000 {
    color: #fff
}

.ql-editor .ql-color-\#999999 {
    color: #999
}

html.night-mode .ql-editor .ql-color-\#999999 {
    color: #727272
}

.ql-editor .ql-color-\#494949 {
    color: #494949
}

html.night-mode .ql-editor .ql-color-\#494949 {
    color: #bcbcbc
}

.ql-editor .ql-color-\#a5a5a5 {
    color: #a5a5a5
}

html.night-mode .ql-editor .ql-color-\#a5a5a5 {
    color: #676767
}

.ql-editor .ql-color-\#cccccc {
    color: #ccc
}

html.night-mode .ql-editor .ql-color-\#cccccc {
    color: #434343
}

.ql-editor .ql-color-\#89d4ff {
    color: #89d4ff
}

html.night-mode .ql-editor .ql-color-\#89d4ff {
    color: #83c9f1
}

.ql-editor .ql-color-\#73fdea {
    color: #73fdea
}

html.night-mode .ql-editor .ql-color-\#73fdea {
    color: #70eddc
}

.ql-editor .ql-color-\#89fa4e {
    color: #89fa4e
}

html.night-mode .ql-editor .ql-color-\#89fa4e {
    color: #84e751
}

.ql-editor .ql-color-\#fff359 {
    color: #fff359
}

html.night-mode .ql-editor .ql-color-\#fff359 {
    color: #ede25a
}

.ql-editor .ql-color-\#FF968D {
    color: #ff968d
}

html.night-mode .ql-editor .ql-color-\#FF968D {
    color: #f28f87
}

.ql-editor .ql-color-\#ffa0d0 {
    color: #ffa0d0
}

html.night-mode .ql-editor .ql-color-\#ffa0d0 {
    color: #523744
}

.ql-editor .ql-color-\#0b84ed {
    color: #0b84ed
}

html.night-mode .ql-editor .ql-color-\#0b84ed {
    color: #207ccc
}

.ql-editor .ql-color-\#18e7cf {
    color: #18e7cf
}

html.night-mode .ql-editor .ql-color-\#18e7cf {
    color: #2ac8b6
}

.ql-editor .ql-color-\#60d837 {
    color: #60d837
}

html.night-mode .ql-editor .ql-color-\#60d837 {
    color: #5fc53d
}

.ql-editor .ql-color-\#fbe231 {
    color: #fbe231
}

html.night-mode .ql-editor .ql-color-\#fbe231 {
    color: #e5d038
}

.ql-editor .ql-color-\#ff654e {
    color: #ff654e
}

html.night-mode .ql-editor .ql-color-\#ff654e {
    color: #ec6551
}

.ql-editor .ql-color-\#ea0077 {
    color: #ea0077
}

html.night-mode .ql-editor .ql-color-\#ea0077 {
    color: #c81671
}

.ql-editor .ql-color-\#0176ba {
    color: #0176ba
}

html.night-mode .ql-editor .ql-color-\#0176ba {
    color: #136b9f
}

.ql-editor .ql-color-\#068f86 {
    color: #068f86
}

html.night-mode .ql-editor .ql-color-\#068f86 {
    color: #137b74
}

.ql-editor .ql-color-\#1DB100 {
    color: #1db100
}

html.night-mode .ql-editor .ql-color-\#1DB100 {
    color: #279711
}

.ql-editor .ql-color-\#f8ba00 {
    color: #f8ba00
}

html.night-mode .ql-editor .ql-color-\#f8ba00 {
    color: #d4a518
}

.ql-editor .ql-color-\#ee230d {
    color: #ee230d
}

html.night-mode .ql-editor .ql-color-\#ee230d {
    color: #cd3222
}

.ql-editor .ql-color-\#cb297a {
    color: #cb297a
}

html.night-mode .ql-editor .ql-color-\#cb297a {
    color: #b13674
}

.ql-editor .ql-color-\#004e80 {
    color: #004e80
}

html.night-mode .ql-editor .ql-color-\#004e80 {
    color: #0c476d
}

.ql-editor .ql-color-\#017c76 {
    color: #017c76
}

html.night-mode .ql-editor .ql-color-\#017c76 {
    color: #9af3ef
}

.ql-editor .ql-color-\#017001 {
    color: #017001
}

html.night-mode .ql-editor .ql-color-\#017001 {
    color: #a4f4a4
}

.ql-editor .ql-color-\#ff9201 {
    color: #ff9201
}

html.night-mode .ql-editor .ql-color-\#ff9201 {
    color: #db8718
}

.ql-editor .ql-color-\#b41700 {
    color: #b41700
}

html.night-mode .ql-editor .ql-color-\#b41700 {
    color: #9a2311
}

.ql-editor .ql-color-\#99195e {
    color: #99195e
}

html.night-mode .ql-editor .ql-color-\#99195e {
    color: #852458
}

.ql-editor .ql-color-\#ffffff {
    color: #fff
}

.ql-editor .ql-bg-\#000000 {
    background-color: #000
}

.ql-editor .ql-bg-\#ffffff {
    background-color: #fff
}

html.night-mode .ql-editor .ql-bg-\#ffffff {
    background-color: #141414
}

.ql-editor .ql-bg-\#89fa4e {
    background-color: #89fa4e
}

html.night-mode .ql-editor .ql-bg-\#89fa4e {
    background-color: #84e751
}

.ql-editor .ql-bg-\#494949 {
    background: #494949
}

html.night-mode .ql-editor .ql-bg-\#494949 {
    background: #bcbcbc
}

.ql-editor .ql-bg-\#a5a5a5 {
    background: #a5a5a5
}

html.night-mode .ql-editor .ql-bg-\#a5a5a5 {
    background: #676767
}

.ql-editor .ql-bg-\#cccccc {
    background: #ccc
}

html.night-mode .ql-editor .ql-bg-\#cccccc {
    background: #434343
}

.ql-editor .ql-bg-\#89d4ff {
    background: #89d4ff
}

html.night-mode .ql-editor .ql-bg-\#89d4ff {
    background: #83c9f1
}

.ql-editor .ql-bg-\#73fdea {
    background: #73fdea
}

html.night-mode .ql-editor .ql-bg-\#73fdea {
    background: #70eddc
}

.ql-editor .ql-bg-\#89fa4e {
    background: #89fa4e
}

html.night-mode .ql-editor .ql-bg-\#89fa4e {
    background: #84e751
}

.ql-editor .ql-bg-\#fff359 {
    background: #fff359
}

html.night-mode .ql-editor .ql-bg-\#fff359 {
    background: #ede25a
}

.ql-editor .ql-bg-\#FF968D {
    background: #ff968d
}

html.night-mode .ql-editor .ql-bg-\#FF968D {
    background: #f28f87
}

.ql-editor .ql-bg-\#ffa0d0 {
    background: #ffa0d0
}

html.night-mode .ql-editor .ql-bg-\#ffa0d0 {
    background: #523744
}

.ql-editor .ql-bg-\#0b84ed {
    background: #0b84ed
}

html.night-mode .ql-editor .ql-bg-\#0b84ed {
    background: #207ccc
}

.ql-editor .ql-bg-\#18e7cf {
    background: #18e7cf
}

html.night-mode .ql-editor .ql-bg-\#18e7cf {
    background: #2ac8b6
}

.ql-editor .ql-bg-\#60d837 {
    background: #60d837
}

html.night-mode .ql-editor .ql-bg-\#60d837 {
    background: #5fc53d
}

.ql-editor .ql-bg-\#fbe231 {
    background: #fbe231
}

html.night-mode .ql-editor .ql-bg-\#fbe231 {
    background: #e5d038
}

.ql-editor .ql-bg-\#ff654e {
    background: #ff654e
}

html.night-mode .ql-editor .ql-bg-\#ff654e {
    background: #ec6551
}

.ql-editor .ql-bg-\#ea0077 {
    background: #ea0077
}

html.night-mode .ql-editor .ql-bg-\#ea0077 {
    background: #c81671
}

.ql-editor .ql-bg-\#0176ba {
    background: #0176ba
}

html.night-mode .ql-editor .ql-bg-\#0176ba {
    background: #136b9f
}

.ql-editor .ql-bg-\#068f86 {
    background: #068f86
}

html.night-mode .ql-editor .ql-bg-\#068f86 {
    background: #137b74
}

.ql-editor .ql-bg-\#1DB100 {
    background: #1db100
}

html.night-mode .ql-editor .ql-bg-\#1DB100 {
    background: #279711
}

.ql-editor .ql-bg-\#f8ba00 {
    background: #f8ba00
}

html.night-mode .ql-editor .ql-bg-\#f8ba00 {
    background: #d4a518
}

.ql-editor .ql-bg-\#ee230d {
    background: #ee230d
}

html.night-mode .ql-editor .ql-bg-\#ee230d {
    background: #cd3222
}

.ql-editor .ql-bg-\#cb297a {
    background: #cb297a
}

html.night-mode .ql-editor .ql-bg-\#cb297a {
    background: #b13674
}

.ql-editor .ql-bg-\#004e80 {
    background: #004e80
}

html.night-mode .ql-editor .ql-bg-\#004e80 {
    background: #0c476d
}

.ql-editor .ql-bg-\#017c76 {
    background: #017c76
}

.ql-editor .ql-bg-\#017001 {
    background: #017001
}

.ql-editor .ql-bg-\#ff9201 {
    background: #ff9201
}

html.night-mode .ql-editor .ql-bg-\#ff9201 {
    background: #db8718
}

.ql-editor .ql-bg-\#b41700 {
    background: #b41700
}

html.night-mode .ql-editor .ql-bg-\#b41700 {
    background: #9a2311
}

.ql-editor .ql-bg-\#99195e {
    background: #99195e
}

html.night-mode .ql-editor .ql-bg-\#99195e {
    background: #852458
}

.ql-size .ql-picker-item[data-value="10px"] {
    font-size: 10px
}

.ql-size .ql-picker-item[data-value="12px"] {
    font-size: 12px
}

.ql-size .ql-picker-item[data-value="14px"] {
    font-size: 14px
}

.ql-size .ql-picker-item[data-value="16px"] {
    font-size: 16px
}

.ql-size .ql-picker-item[data-value="18px"] {
    font-size: 18px
}

.ql-size .ql-picker-item[data-value="20px"] {
    font-size: 20px
}

.ql-size .ql-picker-item[data-value="22px"] {
    font-size: 22px
}

.ql-size .ql-picker-item[data-value="24px"] {
    font-size: 24px
}

#web-toolbar {
    position: relative;
    z-index: 1
}

#web-toolbar .bili-note-iconfont {
    font-size: 20px !important
}

#web-toolbar .ql-picker-label svg {
    width: 20px;
    height: 20px
}

#web-toolbar .ql-size {
    width: 50px;
    font-size: 16px;
    line-height: 25px
}

#web-toolbar .ql-color-picker {
    display: block;
    width: 28px;
    height: 24px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

#web-toolbar .ql-color-picker .ql-picker-label {
    display: block
}

.ql-toolbar .toolbar-mask, .readonly-toolbar .toolbar-mask {
    z-index: 1;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: .5;
    cursor: not-allowed;
    position: absolute
}

.note-tooltip[data-v-43668197] {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 12px;
    line-height: 20px;
    font-size: 14px
}

.note-tooltip.info[data-v-43668197] {
    color: #999;
    background: #f9f9f9
}

.note-tooltip.warning[data-v-43668197] {
    color: #e02020;
    background: #fbf3f3
}

.note-tooltip-msg[data-v-43668197] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.note-tooltip .icon-close[data-v-43668197] {
    height: 20px;
    font-size: 16px;
    cursor: pointer
}

.resizable-component {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute !important;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    background: #ededf2
}

.resizable-component .note-drag-bar {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 46px;
    background: #dddde7;
    border-radius: 4px 4px 0 0;
    text-align: center;
    cursor: move;
    box-sizing: border-box;
    font-size: 12px;
    color: #909098;
    padding: 0 8px
}

.resizable-component .note-drag-bar .status-bar {
    width: calc(100% - 147px)
}

.resizable-component .note-drag-bar .status-bar .text {
    text-align: left;
    max-width: 100% !important;
    width: 100% !important
}

.resizable-component .operation-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.resizable-component .operation-btns > a {
    text-decoration: none
}

.resizable-component .operation-btns .column-line {
    margin-left: 10px;
    width: 1px;
    height: 13px;
    opacity: .2;
    background: #a7a7a7;
    margin-top: 3px
}

.resizable-component .close-btn {
    color: #2c3133;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #ebebf2;
    border-radius: 2px;
    cursor: pointer;
    transition: .3s;
    margin-left: 10px
}

.resizable-component .close-btn:hover {
    background: #ccccde
}

.resizable-component .publish-btn {
    margin-right: 8px;
    padding: 0 10px;
    font-size: 13px;
    line-height: 28px;
    border-radius: 2px;
    color: #fff;
    background: #00a1d6;
    white-space: nowrap;
    cursor: pointer
}

.resizable-component .custom-btns {
    display: -ms-flexbox;
    display: flex
}

.resizable-component .custom-btns .ql-capture-btn {
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    background: #f79e00;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 5px;
    margin-top: 2px;
    text-decoration: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.resizable-component .custom-btns .ql-capture-btn .bili-note-iconfont {
    color: #fff;
    font-size: 20px
}

.resizable-component .custom-btns .ql-tag-btn {
    width: 22px;
    height: 22px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    background: #2392e5;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 10px;
    margin-top: 2px;
    text-decoration: none
}

.resizable-component .custom-btns .ql-tag-btn .bili-note-iconfont {
    color: #fff;
    font-size: 20px
}

.resizable-component .custom-btns .ql-save-btn {
    position: absolute;
    top: 13px;
    right: 10px;
    width: 22px;
    height: 22px;
    text-align: center;
    line-height: 22px;
    border-radius: 2px;
    cursor: pointer
}

.resizable-component .editor-innter {
    margin: 0 10px 10px;
    background: #fff;
    overflow: hidden
}

.resizable-component .ql-toolbar {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.resizable-component .ql-toolbar .bili-note-iconfont {
    font-size: 20px
}

.resizable-component #web-toolbar .ql-size .ql-picker-label {
    padding-top: 2px
}

.resizable-component #web-toolbar .ql-color-picker {
    padding-top: 8px
}

.resizable-component #web-toolbar .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    margin-top: -9px
}

.resizable-component .note-tooltip {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 10px;
    border-radius: 4px 4px 0 0
}

.resizable-component .note-tooltip + .ql-container {
    border-top: none
}

.resizable-component .ql-container {
    position: relative;
    box-sizing: border-box;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none
}

.resizable-component .ql-editor::-webkit-scrollbar-track {
    background: #fff
}

.resizable-component .ql-editor::-webkit-scrollbar {
    width: 5px
}

.resizable-component .ql-editor::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #dddde7
}

.resizable-component .ql-bar, .resizable-component .ql-bar-btn {
    position: relative;
    display: block
}

.resizable-component .ql-bar-btn:hover:after, .resizable-component .ql-bar:hover:after {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 200;
    top: 35px;
    left: -7px;
    word-break: keep-all;
    background: #5d5d5d;
    border-radius: 4px;
    padding: 5px 12px;
    line-height: 16px;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .85);
    content: attr(labelTooltip);
    min-width: 22px
}

.resizable-component .ql-bar-btn:hover:before, .resizable-component .ql-bar:hover:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 15px;
    transform: translateX(-50%);
    border-color: transparent transparent #5d5d5d;
    border-style: solid;
    border-width: 0 6px 6px;
    z-index: 99
}

.resizable-component .ql-image-preview {
    box-sizing: content-box;
    max-width: 100%;
    margin: 10px 0;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, .5)
}

.resizable-component .ql-image-preview .img-preview {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2px;
    border: 5px solid #fff
}

.resizable-component .ql-image-preview .loading-img {
    cursor: progress;
    opacity: .5
}

.resizable-component .ql-image-preview.uploaded .loading-img {
    cursor: default;
    opacity: 1
}

.resizable-component .ql-tag-blot {
    display: block;
    margin: 10px 0
}

.resizable-component .ql-tag-blot .time-tag-item {
    transition: .2s;
    background: #e6f4ff;
    border-radius: 12px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    color: #2392e5;
    border: 1px solid #e6f4ff;
    cursor: pointer;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.resizable-component .ql-tag-blot .time-tag-item:hover {
    border: 1px solid #2392e5
}

.resizable-component .ql-tag-blot .bili-note-iconfont {
    font-size: 20px;
    margin-right: 3px
}

.resizable-component .ql-tag-blot .time-tag-item__text {
    margin-top: 1px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.resizable-component .ql-tag-blot .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: #2392e5;
    margin-right: 5px
}

.resizable-component .ql-tag-blot .time-tag-item__text .title {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.resizable-component .blot-disabled .time-tag-item {
    cursor: not-allowed;
    background: #ebebeb;
    color: silver
}

.resizable-component .blot-disabled > span {
    padding: 0 12px 0 0;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    cursor: not-allowed;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.resizable-component .blot-disabled > span:after {
    content: ""
}

.resizable-component .blot-disabled .time-tag-item:hover {
    border: 1px solid #ebebeb
}

.resizable-component .blot-disabled .time-tag-item__text {
    color: silver;
    margin-top: 1px
}

.resizable-component .blot-disabled .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: silver;
    margin-right: 5px
}

.resizable-component .blot-disabled .time-tag-error-tip {
    color: #e02020;
    line-height: 21px
}

.resizable-component .blot-disabled .bili-note-iconfont {
    color: silver
}

#app-toolbar .iconredo, #app-toolbar .iconundo {
    color: #212121;
    font-size: 23px
}

#app-toolbar .iconiconfont_icon_bold {
    font-size: 20px
}

#app-toolbar .ql-color-picker svg {
    width: 20px
}

#app-toolbar .ql-bar {
    width: 22px;
    height: 22px;
    margin-right: 16px;
    border-radius: 2px;
    background: #fff
}

#app-toolbar .close-keyboead {
    width: 22px;
    height: 22px;
    line-height: 23px;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 17px;
    font-size: 26px;
    color: #43494c
}

#app-toolbar .close-keyboead:active {
    background: #ebebeb
}

#app-toolbar .toolbar-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#app-toolbar .ql-bar.ql-active, #app-toolbar .ql-expanded {
    background: #ebebeb;
    border-radius: 2px
}

#app-toolbar .ql-bar.ql-active .bili-note-iconfont, #app-toolbar .ql-bar.ql-active .ql-bold, #app-toolbar .ql-expanded .bili-note-iconfont, #app-toolbar .ql-expanded .ql-bold {
    color: #212121
}

#app-toolbar .ql-color {
    width: 22px;
    height: 22px;
    margin-top: 3px
}

#app-toolbar .ql-color .ql-picker-label {
    padding: 1px !important
}

#app-toolbar .redo-btn, #app-toolbar .undo-btn {
    width: 22px;
    height: 22px;
    line-height: 23px
}

#app-toolbar .redo-btn:active, #app-toolbar .undo-btn:active {
    background: #ebebeb
}

#app-toolbar .btn-disable {
    opacity: .3
}

#app-toolbar .column {
    margin-right: 12px;
    width: 1px;
    height: 7px;
    background: #e3e3e3
}

#app-toolbar .column-right {
    position: absolute;
    right: 46px
}

#app-toolbar .ql-picker.ql-expanded .ql-picker-options {
    padding: 0 6px;
    box-sizing: border-box;
    margin-top: 0;
    width: 100vw;
    top: 40px;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #333
}

#app-toolbar .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    border: none;
    box-sizing: border-box;
    width: 10vw;
    height: 10vw;
    margin: 6px
}

#app-toolbar.ql-toolbar.ql-snow .ql-picker-options {
    border: none !important;
    box-shadow: none !important
}

.app-note .custom-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 7px
}

.app-note .custom-btns .column {
    width: 1px;
    height: 7px;
    background: #e3e3e3
}

.app-note .custom-btns .ql-tag-btn {
    line-height: 22px;
    width: 22px;
    height: 22px;
    margin-right: 16px;
    display: block;
    text-align: center;
    background: #fff;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none
}

.app-note .custom-btns .ql-tag-btn .bili-note-iconfont {
    color: #212121;
    font-size: 22px
}

.app-note .custom-btns .ql-tag-btn:active {
    background: #ebebeb
}

.app-note .custom-btns .ql-capture-btn {
    margin-right: 12px
}

.app-note .ql-image-preview {
    box-sizing: content-box;
    max-width: 100%;
    padding: 8px;
    margin-left: -10px;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    display: block
}

.app-note .ql-image-preview .img-preview {
    display: block;
    border-radius: 2px;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, .5)
}

.app-note .ql-image-preview .loading-img {
    opacity: .5
}

.app-note .ql-image-preview .mask {
    cursor: progress;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .6);
    position: absolute;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.app-note .ql-image-preview .mask .iconicon_loading {
    color: #666;
    position: relative;
    font-size: 40px;
    animation: loading-rotate 2s linear infinite
}

.app-note .ql-image-preview.uploaded .loading-img {
    opacity: 1
}

.app-note .ql-tag-blot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.app-note .ql-tag-blot .time-tag-item {
    transition: .2s;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    color: #212121;
    cursor: pointer;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.app-note .ql-tag-blot .bili-note-iconfont {
    font-size: 20px;
    margin-right: 3px;
    margin-top: 2px
}

.app-note .ql-tag-blot .time-tag-item__text {
    margin-top: 1px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.app-note .ql-tag-blot .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: #212121;
    margin-right: 5px
}

.app-note .ql-tag-blot .time-tag-item__text .title {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.app-note .blot-disabled .time-tag-item {
    background: #ebebeb;
    color: silver
}

.app-note .blot-disabled > span {
    padding: 0 12px 0 0;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    cursor: not-allowed;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.app-note .blot-disabled > span:after {
    content: ""
}

.app-note .blot-disabled .time-tag-item__text {
    color: silver;
    margin-top: 1px
}

.app-note .blot-disabled .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: silver;
    margin-right: 5px
}

.app-note .blot-disabled .time-tag-error-tip {
    color: silver;
    line-height: 21px
}

.app-note .blot-disabled .bili-note-iconfont {
    color: #999
}

.app-note .ql-editor {
    position: relative;
    padding: 20px 12px
}

.app-note .ql-container.ql-snow {
    border: none
}

.toolbar-show-enter-active, .toolbar-show-leave-active {
    transition: all .3s ease
}

.toolbar-show-enter, .toolbar-show-leave-to {
    opacity: 0;
    transform: translateY(300px)
}

.page-loading {
    width: 100%;
    height: 100%;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-loading .loading-icon {
    width: 24px;
    height: 27px
}

.page-loading p {
    font-size: 14px;
    color: #999;
    line-height: 18px;
    margin-top: 4px
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

.page-fade-enter-active, .page-fade-leave-active {
    transition: opacity .2s ease
}

.page-fade-enter, .page-fade-leave-to {
    opacity: 0
}

.manage-note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 8px 8px;
    background: #ededf2
}

.manage-note--header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 4px;
    width: 100%;
    height: 50px;
    box-sizing: border-box
}

.manage-note--header .status-bar .text {
    max-width: 220px !important;
    font-size: 13px;
    color: #999
}

.manage-note--header .tools-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.manage-note--header .tools-btns .edit-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    padding: 0 10px;
    height: 28px;
    font-size: 13px;
    border-radius: 2px;
    line-height: 28px;
    color: #fff;
    background-color: #00a1d6;
    cursor: pointer;
    box-sizing: border-box
}

.manage-note--header .tools-btns .edit-btn--ghost {
    line-height: 26px;
    border: 1px solid #00a1d6;
    color: #00a1d6;
    background-color: transparent
}

.manage-note #web-toolbar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 -8px;
    padding: 8px 16px;
    border-top: 1px solid #e4e9f0
}

.manage-note #web-toolbar.readonly-toolbar .toolbar-mask {
    opacity: 0
}

.manage-note #web-toolbar.readonly-toolbar .ql-picker, .manage-note #web-toolbar.readonly-toolbar button {
    color: #999
}

.manage-note #web-toolbar.readonly-toolbar .ql-stroke {
    stroke: #999
}

.manage-note #web-toolbar .ql-color-picker {
    padding-top: 10px
}

.manage-note .note-tooltip {
    border-radius: 4px 4px 0 0
}

.manage-note .note-tooltip + .ql-container {
    border-radius: 0
}

.manage-note .ql-container {
    overflow: scroll;
    border-radius: 4px 4px 0 0
}

.manage-note .ql-container.ql-snow {
    border: none
}

.manage-note .ql-editor::-webkit-scrollbar-track {
    background: #fff
}

.manage-note .ql-editor::-webkit-scrollbar {
    width: 5px
}

.manage-note .ql-editor::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #dddde7
}

.manage-note .ql-image-preview {
    box-sizing: content-box;
    max-width: 100%;
    margin: 10px 0;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, .5)
}

.manage-note .ql-image-preview .img-preview {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2px;
    border: 5px solid #fff
}

.manage-note .ql-image-preview .loading-img {
    cursor: progress;
    opacity: .5
}

.manage-note .ql-image-preview.uploaded .loading-img {
    cursor: zoom-in;
    opacity: 1
}

.manage-note .ql-tag-blot {
    display: block;
    margin: 10px 0
}

.manage-note .ql-tag-blot .time-tag-item {
    transition: .2s;
    background: #e6f4ff;
    border-radius: 12px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    color: #2392e5;
    border: 1px solid #e6f4ff;
    cursor: pointer;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.manage-note .ql-tag-blot .time-tag-item:hover {
    border: 1px solid #2392e5
}

.manage-note .ql-tag-blot .bili-note-iconfont {
    font-size: 20px;
    margin-right: 3px
}

.manage-note .ql-tag-blot .time-tag-item__text {
    margin-top: 1px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.manage-note .ql-tag-blot .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: #2392e5;
    margin-right: 5px
}

.manage-note .ql-tag-blot .time-tag-item__text .title {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.manage-note .blot-disabled .time-tag-item {
    cursor: not-allowed;
    background: #ebebeb;
    color: silver
}

.manage-note .blot-disabled > span {
    padding: 0 12px 0 0;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    cursor: not-allowed;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.manage-note .blot-disabled > span:after {
    content: ""
}

.manage-note .blot-disabled .time-tag-item:hover {
    border: 1px solid #ebebeb
}

.manage-note .blot-disabled .time-tag-item__text {
    color: silver;
    margin-top: 1px
}

.manage-note .blot-disabled .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: silver;
    margin-right: 5px
}

.manage-note .blot-disabled .time-tag-error-tip {
    color: #e02020;
    line-height: 21px
}

.manage-note .blot-disabled .bili-note-iconfont {
    color: silver
}

.manage-note .ql-toolbar .bili-note-iconfont {
    font-size: 20px !important
}

@font-face {
    font-family: read-icon;
    src: url(data:font/woff2;base64,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) format("woff2"), url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.adc02294.woff) format("woff"), url(//s1.hdslb.com/bfs/static/jinkela/video/asserts/iconfont.d151a170.ttf) format("truetype")
}

.read-icon {
    font-family: read-icon !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.read-icon-share-fill:before {
    content: "\E639"
}

.read-icon-authsign:before {
    content: "\E605"
}

.read-icon-watch-later:before {
    content: "\E600"
}

.read-icon-share-bold:before {
    content: "\E601"
}

.read-icon-save:before {
    content: "\E602"
}

.read-icon-loading:before {
    content: "\EEE3"
}

.read-icon-bilibili-tv:before {
    content: "\E668"
}

.read-icon-replace:before {
    content: "\E73C"
}

.read-icon-arrow-right:before {
    content: "\E744"
}

.read-icon-close:before {
    content: "\E637"
}

.read-icon-sort-up:before {
    content: "\E66A"
}

.read-icon-sort-down:before {
    content: "\E679"
}

.read-icon-list:before {
    content: "\E636"
}

.read-icon-share-WEIXIN_MONMENT:before {
    content: "\E635"
}

.read-icon-info-warning:before {
    content: "\E634"
}

.read-icon-earphone:before {
    content: "\E8BF"
}

.read-icon-circle:before {
    content: "\E632"
}

.read-icon-location:before {
    content: "\E60B"
}

.read-icon-heart:before {
    content: "\E631"
}

.read-icon-share:before {
    content: "\E633"
}

.read-icon-heart-fill:before {
    content: "\E705"
}

.read-icon-time:before {
    content: "\E630"
}

.read-icon-toprank-normal:before {
    content: "\E63B"
}

.read-icon-popularity:before {
    content: "\E62F"
}

.read-icon-auth-p:before {
    content: "\E62E"
}

.read-icon-rate-fill:before {
    content: "\E62C"
}

.read-icon-rate:before {
    content: "\E62D"
}

.read-icon-rate-half:before {
    content: "\E616"
}

.read-icon-coin:before {
    content: "\E617"
}

.read-icon-fav-num:before {
    content: "\E618"
}

.read-icon-danmu:before {
    content: "\E619"
}

.read-icon-like-fill:before {
    content: "\E61A"
}

.read-icon-video-play-num:before {
    content: "\E61B"
}

.read-icon-comment-num:before {
    content: "\E61C"
}

.read-icon-view-num:before {
    content: "\E61D"
}

.read-icon-fav-fill:before {
    content: "\E61E"
}

.read-icon-comment-fill:before {
    content: "\E61F"
}

.read-icon-up:before {
    content: "\E620"
}

.read-icon-up-fill:before {
    content: "\E622"
}

.read-icon-share-QZONE:before {
    content: "\E623"
}

.read-icon-share-QQ:before {
    content: "\E624"
}

.read-icon-coin-fill:before {
    content: "\E625"
}

.read-icon-share-news:before {
    content: "\E626"
}

.read-icon-like:before {
    content: "\E627"
}

.read-icon-share-tieba:before {
    content: "\E628"
}

.read-icon-share-WEIXIN:before {
    content: "\E629"
}

.read-icon-share-SINA:before {
    content: "\E62A"
}

.read-icon-like-num:before {
    content: "\E62B"
}

.read-icon-more:before {
    content: "\E615"
}

.read-icon-line-star:before {
    content: "\E614"
}

.read-icon-star-rated:before {
    content: "\E613"
}

.read-icontixj-oval:before {
    content: "\E612"
}

.read-icon-default-cover:before {
    content: "\E610"
}

.read-icon-tag:before {
    content: "\E611"
}

.read-icon-up-ad:before {
    content: "\E60F"
}

.read-icon-lv0:before {
    content: "\E6CB"
}

.read-icon-lv1:before {
    content: "\E6CC"
}

.read-icon-lv2:before {
    content: "\E6CD"
}

.read-icon-lv3:before {
    content: "\E6CE"
}

.read-icon-lv4:before {
    content: "\E6CF"
}

.read-icon-lv5:before {
    content: "\E6D0"
}

.read-icon-lv6:before {
    content: "\E6D1"
}

.read-icon-auth-c:before {
    content: "\E755"
}

.read-icon-zhuanlan:before {
    content: "\E60E"
}

.read-icon-general-moreactions:before {
    content: "\E6EA"
}

.read-icon-nav-back:before {
    content: "\E638"
}

.read-icon-fanhui:before {
    content: "\E621"
}

.ring-progress[data-v-0129fa17] {
    position: absolute;
    transform: scale(.5)
}

.svga-container[data-v-1d9a3bfc] {
    position: absolute;
    z-index: 100003
}

.svga-container.svga-top[data-v-1d9a3bfc] {
    width: 120px;
    height: 120px
}

.svga-container.svga-center[data-v-1d9a3bfc] {
    width: 60px;
    height: 60px
}

.v-toast[data-v-095af213] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    border-radius: 5px;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    box-sizing: border-box;
    text-align: center
}

.v-toast__wrap[data-v-095af213] {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0;
    z-index: 1006
}

.v-toast__mask[data-v-095af213] {
    pointer-events: none
}

.v-toast__font[data-v-095af213] {
    display: block;
    text-align: center;
    font-size: 56px
}

.v-toast--info[data-v-095af213] {
    max-width: 240px;
    padding: 10px
}

.v-toast__text[data-v-095af213] {
    font-size: 12px;
    display: block;
    text-align: center;
    word-break: break-word !important;
    word-break: break-all
}

.v-toast__transition-enter-active[data-v-095af213], .v-toast__transition-leave-active[data-v-095af213] {
    transition: opacity .25s
}

.v-toast__transition-enter[data-v-095af213], .v-toast__transition-leave-active[data-v-095af213] {
    opacity: 0
}

html.night-mode .dark-img {
    filter: saturate(85%) brightness(97%);
    will-change: filter
}

.view-note .ql-editor {
    background: #fff;
    color: #222
}

html.night-mode .view-note .ql-editor {
    background: #141414;
    color: #e0e0e0
}

.view-note .ql-editor .time-tag-item {
    background: #ebebeb;
    color: #212121
}

html.night-mode .view-note .ql-editor .time-tag-item {
    background: #272727;
    color: #e1e1e1
}

.view-note .ql-editor .time-tag-item__text:before {
    background: #212121
}

html.night-mode .view-note .ql-editor .time-tag-item__text:before {
    background: #e1e1e1
}

.view-note .ql-image-preview {
    box-sizing: content-box;
    max-width: 100%;
    padding: 8px;
    margin-left: -10px;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    display: block
}

.view-note .ql-image-preview .img-preview {
    display: block;
    border-radius: 2px;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, .5)
}

html.night-mode .view-note .ql-image-preview .img-preview {
    border-color: #141414;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, 0)
}

.view-note .ql-image-preview .loading-img {
    opacity: .5
}

.view-note .ql-image-preview.uploaded .loading-img {
    opacity: 1
}

.view-note .ql-tag-blot {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0
}

.view-note .ql-tag-blot .time-tag-item {
    transition: .2s;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    color: #212121;
    cursor: pointer;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.view-note .ql-tag-blot .bili-note-iconfont {
    font-size: 20px;
    margin-right: 3px;
    margin-top: 2px
}

.view-note .ql-tag-blot .time-tag-item__text {
    margin-top: 1px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.view-note .ql-tag-blot .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: #212121;
    margin-right: 5px
}

.view-note .ql-tag-blot .time-tag-item__text .title {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.view-note .blot-disabled .time-tag-item {
    background: #ebebeb;
    color: silver
}

.view-note .blot-disabled > span {
    padding: 0 12px 0 0;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    cursor: not-allowed;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.view-note .blot-disabled > span:after {
    content: ""
}

.view-note .blot-disabled .time-tag-item__text {
    color: silver;
    margin-top: 1px
}

.view-note .blot-disabled .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: silver;
    margin-right: 5px
}

.view-note .blot-disabled .time-tag-error-tip {
    color: silver;
    line-height: 21px
}

.view-note .blot-disabled .bili-note-iconfont {
    color: #999
}

.view-note .ql-editor {
    position: relative;
    padding: 20px 12px
}

.view-note .ql-container.ql-snow {
    border: none
}

.view-note .page-loading {
    background: #fff;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

html.night-mode .view-note .page-loading {
    background: #141414
}

.view-note .page-loading .loading-icon {
    width: 24px;
    height: 27px
}

.view-note .page-loading p {
    color: #999;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px
}

html.night-mode .view-note .page-loading p {
    color: #727272
}

.view-note .page-fade-enter-active, .view-note .page-fade-leave-active {
    transition: opacity .2s ease
}

.view-note .page-fade-enter, .view-note .page-fade-leave-to {
    opacity: 0;
    display: none
}

.view-note #hidden-toolbar {
    display: none
}

.view-note .rightbar {
    position: absolute;
    bottom: 20px;
    right: 23px
}

.view-note .rightbar ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 4px rgba(0, 0, 0, .06), 0 12px 20px rgba(0, 0, 0, .1);
    border-radius: 52px;
    padding: 0 13px;
    width: 172px;
    height: 52px;
    -ms-flex-align: center;
    align-items: center
}

.view-note .rightbar ul .tab-action-icon {
    display: inline-block;
    width: 48px;
    height: 52px;
    line-height: 24px;
    text-align: center
}

.view-note .rightbar .tab-action-item {
    position: relative
}

.view-note .rightbar .tab-action-item .tab-action-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.view-note .rightbar .tab-action-item .tab-action-icon .tab-icon {
    line-height: 24px;
    font-size: 24px;
    font-weight: 500;
    color: #aaa
}

.view-note .rightbar .tab-action-item .tab-action-icon .tab-num {
    margin-top: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #aaa;
    line-height: 10px;
    transform: scale(.8);
    transform-origin: center top
}

.view-note .rightbar .tab-action-item.is-active .tab-icon {
    color: #fb7299
}

.view-note .rightbar .tab-action-item .svga-center {
    top: -12px;
    left: -5px
}

.view-note .rightbar .tab-action-item .shake {
    animation-name: shake;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

@keyframes shake {
    2% {
        transform: translate(.5px, -.5px) rotate(.5deg)
    }
    4% {
        transform: translate(-.5px, 2.5px) rotate(.5deg)
    }
    6% {
        transform: translate(-1.5px, 2.5px) rotate(-.5deg)
    }
    8% {
        transform: translate(-1.5px, .5px) rotate(1.5deg)
    }
    10% {
        transform: translate(1.5px, 2.5px) rotate(.5deg)
    }
    12% {
        transform: translate(-1.5px, 2.5px) rotate(1.5deg)
    }
    14% {
        transform: translate(1.5px, 1.5px) rotate(-.5deg)
    }
    16% {
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }
    18% {
        transform: translate(1.5px, .5px) rotate(.5deg)
    }
    20% {
        transform: translate(1.5px, -1.5px) rotate(-.5deg)
    }
    22% {
        transform: translate(-1.5px, -1.5px) rotate(-.5deg)
    }
    24% {
        transform: translate(-.5px, -1.5px) rotate(.5deg)
    }
    26% {
        transform: translate(-1.5px, 2.5px) rotate(-.5deg)
    }
    28% {
        transform: translate(2.5px, 1.5px) rotate(1.5deg)
    }
    30% {
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }
    32% {
        transform: translate(1.5px, 2.5px) rotate(1.5deg)
    }
    34% {
        transform: translate(-1.5px, -1.5px) rotate(-.5deg)
    }
    36% {
        transform: translate(-.5px, .5px) rotate(-.5deg)
    }
    38% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg)
    }
    40% {
        transform: translate(-.5px, .5px) rotate(1.5deg)
    }
    42% {
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }
    44% {
        transform: translate(-1.5px, 2.5px) rotate(.5deg)
    }
    46% {
        transform: translate(-.5px, 2.5px) rotate(-.5deg)
    }
    48% {
        transform: translate(1.5px, -.5px) rotate(1.5deg)
    }
    50% {
        transform: translate(1.5px, -.5px) rotate(1.5deg)
    }
    52% {
        transform: translate(.5px, .5px) rotate(-.5deg)
    }
    54% {
        transform: translate(-.5px, -1.5px) rotate(-.5deg)
    }
    56% {
        transform: translate(1.5px, -1.5px) rotate(1.5deg)
    }
    58% {
        transform: translate(.5px, 1.5px) rotate(1.5deg)
    }
    60% {
        transform: translate(-.5px, -.5px) rotate(1.5deg)
    }
    62% {
        transform: translate(-.5px, .5px) rotate(1.5deg)
    }
    64% {
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }
    66% {
        transform: translate(2.5px, .5px) rotate(1.5deg)
    }
    68% {
        transform: translate(1.5px, -.5px) rotate(1.5deg)
    }
    70% {
        transform: translate(.5px, 2.5px) rotate(1.5deg)
    }
    72% {
        transform: translate(1.5px, -.5px) rotate(.5deg)
    }
    74% {
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }
    76% {
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }
    78% {
        transform: translate(-1.5px, -.5px) rotate(-.5deg)
    }
    80% {
        transform: translate(-1.5px, .5px) rotate(-.5deg)
    }
    82% {
        transform: translate(-1.5px, 2.5px) rotate(.5deg)
    }
    84% {
        transform: translate(-.5px, .5px) rotate(1.5deg)
    }
    86% {
        transform: translate(-1.5px, 1.5px) rotate(.5deg)
    }
    88% {
        transform: translate(-.5px, -.5px) rotate(1.5deg)
    }
    90% {
        transform: translate(-1.5px, -1.5px) rotate(1.5deg)
    }
    92% {
        transform: translate(2.5px, 1.5px) rotate(.5deg)
    }
    94% {
        transform: translate(2.5px, 1.5px) rotate(-.5deg)
    }
    96% {
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }
    98% {
        transform: translate(1.5px, .5px) rotate(-.5deg)
    }
    0%, to {
        transform: translate(0) rotate(0)
    }
}

.bili-view-note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute !important;
    box-shadow: 0 3px 25px 0 rgba(0, 0, 0, .3);
    border-radius: 4px;
    background: #ededf2;
    transform: translateZ(0)
}

.bili-view-note .note-view-drag-bar {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 26px;
    background: #dddde7;
    border-radius: 4px 4px 0 0;
    text-align: center;
    cursor: move;
    box-sizing: border-box;
    font-size: 12px;
    color: #909098;
    padding: 0 8px
}

.bili-view-note .operation-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.bili-view-note .close-btn {
    color: #2c3133;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #ebebf2;
    border-radius: 2px;
    cursor: pointer;
    transition: .3s;
    margin-left: 10px
}

.bili-view-note .close-btn:hover {
    background: #ccccde
}

.bili-view-note .editor-innter {
    background: #fff;
    overflow: hidden;
    border-radius: 4px
}

.bili-view-note .ql-container {
    margin: 0;
    position: relative;
    box-sizing: border-box;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: none;
    background: #fff
}

.bili-view-note .ql-editor::-webkit-scrollbar-track {
    background: #fff
}

.bili-view-note .ql-editor::-webkit-scrollbar {
    width: 5px
}

.bili-view-note .ql-editor::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #dddde7
}

.bili-view-note .ql-editor {
    padding-bottom: 84px
}

.bili-view-note .ql-image-preview {
    box-sizing: content-box;
    max-width: 100%;
    margin: 10px 0;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, .5)
}

.bili-view-note .ql-image-preview .img-preview {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2px;
    border: 5px solid #fff
}

.bili-view-note .ql-image-preview .loading-img {
    cursor: progress;
    opacity: .5
}

.bili-view-note .ql-image-preview.uploaded .loading-img {
    cursor: default;
    opacity: 1
}

.bili-view-note .ql-tag-blot {
    display: block;
    margin: 10px 0
}

.bili-view-note .ql-tag-blot .time-tag-item {
    transition: .2s;
    background: #e6f4ff;
    border-radius: 12px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    color: #2392e5;
    border: 1px solid #e6f4ff;
    cursor: pointer;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bili-view-note .ql-tag-blot .time-tag-item:hover {
    border: 1px solid #2392e5
}

.bili-view-note .ql-tag-blot .bili-note-iconfont {
    font-size: 20px;
    margin-right: 3px
}

.bili-view-note .ql-tag-blot .time-tag-item__text {
    margin-top: 1px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.bili-view-note .ql-tag-blot .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: #2392e5;
    margin-right: 5px
}

.bili-view-note .ql-tag-blot .time-tag-item__text .title {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.bili-view-note .blot-disabled .time-tag-item {
    cursor: not-allowed;
    background: #ebebeb;
    color: silver
}

.bili-view-note .blot-disabled > span {
    padding: 0 12px 0 0;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    cursor: not-allowed;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bili-view-note .blot-disabled > span:after {
    content: ""
}

.bili-view-note .blot-disabled .time-tag-item:hover {
    border: 1px solid #ebebeb
}

.bili-view-note .blot-disabled .time-tag-item__text {
    color: silver;
    margin-top: 1px
}

.bili-view-note .blot-disabled .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: silver;
    margin-right: 5px
}

.bili-view-note .blot-disabled .time-tag-error-tip {
    color: #e02020;
    line-height: 21px
}

.bili-view-note .blot-disabled .bili-note-iconfont {
    color: silver
}

.bili-view-note #hidden-toolbar {
    display: none
}

.bili-view-note .rightbar {
    position: absolute;
    bottom: 20px;
    right: 23px
}

.bili-view-note .rightbar ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    background: hsla(0, 0%, 100%, .9);
    box-shadow: 0 0 4px rgba(0, 0, 0, .06), 0 12px 20px rgba(0, 0, 0, .1);
    border-radius: 52px;
    padding: 0 13px
}

.bili-view-note .rightbar ul .tab-action-icon {
    display: inline-block;
    width: 48px;
    height: 52px;
    line-height: 24px;
    text-align: center
}

.bili-view-note .rightbar .tab-action-item {
    position: relative
}

.bili-view-note .rightbar .tab-action-item .tab-action-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.bili-view-note .rightbar .tab-action-item .tab-action-icon .tab-icon {
    line-height: 24px;
    font-size: 24px;
    font-weight: 500;
    color: #aaa
}

.bili-view-note .rightbar .tab-action-item .tab-action-icon .tab-num {
    margin-top: 6px;
    font-size: 10px;
    font-weight: 500;
    color: #aaa;
    line-height: 10px;
    transform: scale(.8);
    transform-origin: center top
}

.bili-view-note .rightbar .tab-action-item.is-active .tab-icon {
    color: #fb7299
}

.bili-view-note .rightbar .tab-action-item .svga-center {
    top: -12px;
    left: -5px
}

.bili-view-note .rightbar .tab-action-item .shake {
    animation-name: shake;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
}

.view-manage-note {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 8px 8px;
    background: #ededf2
}

.view-manage-note--header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 4px;
    width: 100%;
    height: 50px;
    box-sizing: border-box
}

.view-manage-note--header .status-bar .text {
    max-width: 220px !important;
    font-size: 13px;
    color: #999
}

.view-manage-note--header .tools-btns {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.view-manage-note--header .tools-btns .edit-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px;
    padding: 0 10px;
    height: 28px;
    font-size: 13px;
    border-radius: 2px;
    line-height: 28px;
    color: #fff;
    background-color: #00a1d6;
    cursor: pointer;
    box-sizing: border-box
}

.view-manage-note--header .tools-btns .edit-btn--ghost {
    line-height: 26px;
    border: 1px solid #00a1d6;
    color: #00a1d6;
    background-color: #fff
}

.view-manage-note #bili-view-manage-hidden {
    display: none
}

.view-manage-note .note-tooltip {
    border-radius: 4px 4px 0 0
}

.view-manage-note .note-tooltip + .ql-container {
    border-radius: 0
}

.view-manage-note .ql-container {
    overflow: scroll;
    border-radius: 4px 4px 0 0
}

.view-manage-note .ql-container.ql-snow {
    border: none
}

.view-manage-note .ql-editor::-webkit-scrollbar-track {
    background: #fff
}

.view-manage-note .ql-editor::-webkit-scrollbar {
    width: 5px
}

.view-manage-note .ql-editor::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #dddde7
}

.view-manage-note .ql-image-preview {
    box-sizing: content-box;
    max-width: 100%;
    margin: 10px 0;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 79.2%, .5)
}

.view-manage-note .ql-image-preview .img-preview {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2px;
    border: 5px solid #fff
}

.view-manage-note .ql-image-preview .loading-img {
    cursor: progress;
    opacity: .5
}

.view-manage-note .ql-image-preview.uploaded .loading-img {
    cursor: zoom-in;
    opacity: 1
}

.view-manage-note .ql-tag-blot {
    display: block;
    margin: 10px 0
}

.view-manage-note .ql-tag-blot .time-tag-item {
    transition: .2s;
    background: #e6f4ff;
    border-radius: 12px;
    height: 22px;
    line-height: 19px;
    display: inline-block;
    padding: 0 12px;
    font-size: 12px;
    color: #2392e5;
    border: 1px solid #e6f4ff;
    cursor: pointer;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.view-manage-note .ql-tag-blot .time-tag-item:hover {
    border: 1px solid #2392e5
}

.view-manage-note .ql-tag-blot .bili-note-iconfont {
    font-size: 20px;
    margin-right: 3px
}

.view-manage-note .ql-tag-blot .time-tag-item__text {
    margin-top: 1px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.view-manage-note .ql-tag-blot .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: #2392e5;
    margin-right: 5px
}

.view-manage-note .ql-tag-blot .time-tag-item__text .title {
    max-width: 150px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 8px
}

.view-manage-note .blot-disabled .time-tag-item {
    cursor: not-allowed;
    background: #ebebeb;
    color: silver
}

.view-manage-note .blot-disabled > span {
    padding: 0 12px 0 0;
    -ms-flex-align: center;
    align-items: center;
    background: #ebebeb;
    border-radius: 12px;
    height: 22px;
    line-height: 20px;
    display: inline-block;
    font-size: 12px;
    cursor: not-allowed;
    font-weight: 700;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.view-manage-note .blot-disabled > span:after {
    content: ""
}

.view-manage-note .blot-disabled .time-tag-item:hover {
    border: 1px solid #ebebeb
}

.view-manage-note .blot-disabled .time-tag-item__text {
    color: silver;
    margin-top: 1px
}

.view-manage-note .blot-disabled .time-tag-item__text:before {
    content: "";
    height: 6px;
    width: 1px;
    display: inline-block;
    background: silver;
    margin-right: 5px
}

.view-manage-note .blot-disabled .time-tag-error-tip {
    color: #e02020;
    line-height: 21px
}

.view-manage-note .blot-disabled .bili-note-iconfont {
    color: silver
}

.view-manage-note .ql-toolbar .bili-note-iconfont {
    font-size: 20px !important
}

@font-face {
    font-family: iconfont;
    src: url(data:font/woff2;base64,d09GMgABAAAAAAO4AAsAAAAACFQAAANsAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDKgqDSIMoATYCJAMUCwwABCAFhG0HYxtjBxEVnI3IfhY4Z3NCT1bKOQcF/6IePckryH0fguczZ74vyVmtXCAGp0R4I5g7w61OmY0Rtx1eEErj+23apUB26KhKoJW100/L/Ac790KuK/D/uFc123MBmc++xWmOTWuCJByggO1p6SZrQSpQQeswduVFPIMAjjJqUQ0atehAqhF9J4wiG4MxKBDnyoihg/tiuRpTkytYhFjbvQb5akAtVleBlf7PyxvKZUHhaYyH2gxqOIArYcpEDR1EgR76KcF4ZXC+AjxAAyVWppVh9eYB6DBcgsaVBQ1VgCdbFISpwlOJGlGECCm5u/oXz+JwgEZhEJAYRnYKAOrAiIEwpY1AQ5gKgYLwFAIDiRrc+3jEA8ABPrAKOI/wBcTq3aSojBnTSgrTkTr39LsG6j6xk39vzYMH5Z2kVG5QCu3zADCzxo7uPvyL3b1bxp9+9t7dKn3OVDp1W3T8TuXTVXv7qZcigUu1RCSuEh8zeP3SzIM3bt1y5MC+DAPWBf2XHEKl8lIuPRo/4lIsOXMMExw/21h5/uSYH3CkAseK1Qk6bMi5Kc+szu3iKVrUTVm/9ciJDRaljBcd0P3EizpYOfuy00CTt1HuPy6YuWnmZgWW/upyYMGOEu+K71xwoAuP9xWkoNWnxJrb7T6U/FC79uZp08ufPrg5WBeVcG0zvsvkOedlel78OSjK+edyTpfz8h+HGV7vZXrHFACiHWgLoPupEJ9UUO23jlEf//HvMCHDjMa9U9f4Zn0DwNOfB39Bd3Toz/5HnNbsPyqhZVejMpHElFXaRgTVQim/y6rg38kjaE/n+TjWjIiNguUcCIokcoLGUgBt8CXAw6cCxLDUBkdxjQ/7pDcOjZhkoJj5AIQ0ToIiFZdBk8Y1tME/A49M3kGMNGlwqF4tz/Rtq72jIFUUlP2oznkwlk69IPeG0nWpJHk++QUZax/tSpXJxq4YIGNsGN/lXtWQEe7pAh5D1zFZ4Qa5BpWqPYSlB5V9UZBzP/EcCUgpKJDMD6nl2MC4w5WX+/4bKDmdlNRUVRhfQIzq8clOIGqBvoqHVlXX8pLRW2lPKYMYgvXIBRihM8OM2PJZDcipQNUjaB2EqJtpKw7ml/bPeAQeY/q02p2ma3PyW+I85b/juHLp8KvdEt926Q8S07RFj8H5bUqUB1ZMJg==) format("woff2"), url(data:font/woff;base64,d09GRgABAAAAAAV0AAsAAAAACFQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA84koMY21hcAAAAYgAAABqAAABquiVuQhnbHlmAAAB9AAAAWMAAAHI71OrnGhlYWQAAANYAAAALwAAADYdEJPvaGhlYQAAA4gAAAAcAAAAJAeCA4ZobXR4AAADpAAAAA4AAAAUFAAAAGxvY2EAAAO0AAAADAAAAAwA3AFIbWF4cAAAA8AAAAAfAAAAIAEVADpuYW1lAAAD4AAAAUUAAAJtPlT+fXBvc3QAAAUoAAAASgAAAGO+6GeFeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGFhYPzCwMrAwNTJdIaBgaEfQjO+ZjBi5ACKMrAyM2AFAWmuKQwHnvE+t2Fu+N/AEMN8h6EBKMyIoogJAJaODWp4nO2QwRGAIAwEL4COwyiVWIAPHhbjywIpCcrAS9AuPGaZ5EJ4HIAJgCc7CYDcEKguumK+RzQ/4GC/8Digplpa7p3V9lUm4TzqBvccd/iHzPi12n2+XdDcBpp+TQNLtgz0TcsDyAM8sBc0AAB4nHWPP0vDYBDG797QJASbNpikrU0T0pCUmja0Tf9AhzQFXRRBLIKDk+AqDtLV2s1PIH6Abn6IfAc3nXUTnIooTX1TB6HiwXsPd/zuuXuBACw/mAnDgwxVAFskHqn4OhNgz+qYkoWm5CsB0UnO8hgROZ8J3Zu7++tReigejm+n58UXDMN4Ekd/+g/DY908mR7sXOyK26eDMI4wwnCtCzQwScwZeYUsLXRkuRRb8bAjtbu9bo5xrHzeiq8ct9rvV10Hn9S9feWzwHGDGr65IccV6Di78rDJjMoGpKEAW+AAbPpmS2nKllnuNNvSv8WzTcC2Y/rWlMxsGkv4zdSfrHZdkncQoU4vVls9DNAjLIesbJdZRTIls9VtO9RcREWSdaTLguRDDj5m6hkMBZ6XtaIQR1kcK8ZijilV19X4q9TQtEaJCFQNHGWzlCxqMs8nZO0oIYhguAZlFvMfNpkE+AavdFlGAHicY2BkYGAA4haRGvd4fpuvDNwsDCBw58fynwj6/w8WBmYOIJeDgQkkCgBIlwwEAHicY2BkYGBu+N/AwMDCAAJAkpEBFbACAD1XAhJ4nGNhYGBgQcMAAQQAFQAAAAAAAABCAGQAmgDkeJxjYGRgYGBl0GNgYwABJiDmAkIGhv9gPgMADdkBUAB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxjYGKAAC4G7ICVkYmRmZGFkZWRjUEsMzk/Lz45Mb+qND8+ozQxrzITRHIX5CRWphbFgyiW3NS8Um6wupL8vPySVAYGAE1zFIUAAA==) format("woff"), url(data:font/ttf;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI84koMAAABjAAAAGBjbWFw6JW5CAAAAgAAAAGqZ2x5Zu9Tq5wAAAO4AAAByGhlYWQdEJPvAAAA4AAAADZoaGVhB4IDhgAAALwAAAAkaG10eBQAAAAAAAHsAAAAFGxvY2EA3AFIAAADrAAAAAxtYXhwARUAOgAAARgAAAAgbmFtZT5U/n0AAAWAAAACbXBvc3S+6GeFAAAH8AAAAGMAAQAAA4D/gAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUAAQAAAAEAAIQUfEdfDzz1AAsEAAAAAADc+Kf5AAAAANz4p/kAAP/4BAADCAAAAAgAAgAAAAAAAAABAAAABQAuAAYAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQEAAH0AAUAAAKJAswAAACPAokCzAAAAesAMgEIAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOYN5zwDgP+AAFwD3ACAAAAAAQAAAAAAAAAAAAAAAAACBAAAAAQAAAAEAAAABAAAAAQAAAAAAAAFAAAAAwAAACwAAAAEAAABagABAAAAAABkAAMAAQAAACwAAwAKAAABagAEADgAAAAIAAgAAgAA5g7mtuc8//8AAOYN5rbnPP//AAAAAAAAAAEACAAKAAoAAAADAAIABAABAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAAAABAAAAAAAAAAAQAAOYNAADmDQAAAAMAAOYOAADmDgAAAAIAAOa2AADmtgAAAAQAAOc8AADnPAAAAAEAAAAAAAAAQgBkAJoA5AACAAD/+AOAAwgAFAApAAAlDgIuAiczHgM+ATcjNSERIwEhETMVPgIeAhcjLgMOAQczA0ArgZeZf1MNQQ5QdomCZRvlAUBA/oD+wEArgZeZf1MNQQ5QdomCZRvlrEFVHiFYgk1EbkUOKlw/QP7AAcABQKxBVR4hWIJNRG5FDipcPwAAAAABAAAAAANiAuYAEAAAAR4BBgcFBicuATURNDY3NhcDJiMYGCP+dCYrKTo6KSsmAdoWSksV+hkHBz8sAe0rQAcHGQAAAAYAAAAAAyUCpQAAAAwADQAZABoAJgAAEzMhMhUxFCMhIjUxNBEzITIVMRQjISI1MTQRMyEyFTEUIyEiNTE02yUCACUl/gAlJQIAJSX+ACUlAgAlJf4AJQKlJSUlJf8AJSUlJf8AJSUlJQAAAAIAAAAAA3AC8AAOAC0AAAEWMjcBPgEuAgYHAQYUJSIGFREhESEyNjQmIyEiDgEVERQeATMhMj4BNRE0JgHTDy0PAUAKCAgUHBsK/sAQAXYVH/32AQUWHh4W/vsdMBwcMB0CCh0wHB8BUxAQAUAKGxwUCAgK/sAQLFIeFv77AgofKx8cMB399h0wHBwwHQEFFh4AAAAAABIA3gABAAAAAAAAABUAAAABAAAAAAABAAgAFQABAAAAAAACAAcAHQABAAAAAAADAAgAJAABAAAAAAAEAAgALAABAAAAAAAFAAsANAABAAAAAAAGAAgAPwABAAAAAAAKACsARwABAAAAAAALABMAcgADAAEECQAAACoAhQADAAEECQABABAArwADAAEECQACAA4AvwADAAEECQADABAAzQADAAEECQAEABAA3QADAAEECQAFABYA7QADAAEECQAGABABAwADAAEECQAKAFYBEwADAAEECQALACYBaQpDcmVhdGVkIGJ5IGljb25mb250Cmljb25mb250UmVndWxhcmljb25mb250aWNvbmZvbnRWZXJzaW9uIDEuMGljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAaQBjAG8AbgBmAG8AbgB0AFIAZQBnAHUAbABhAHIAaQBjAG8AbgBmAG8AbgB0AGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbgBmAG8AbgB0AEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAAcwB2AGcAMgB0AHQAZgAgAGYAcgBvAG0AIABGAG8AbgB0AGUAbABsAG8AIABwAHIAbwBqAGUAYwB0AC4AaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUBAgEDAQQBBQEGABZpY29uX2Nhb3p1b19odWFueWlodWFuC3BsYXllcl9wbGF5BG1lbnULaWNvbl90b25vdGUAAAA=) format("truetype")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.video-commonicon_caozuo_huanyihuan:before {
    content: "\E73C"
}

.video-commonplayer_play:before {
    content: "\E60E"
}

.video-commonmenu:before {
    content: "\E60D"
}

.video-commonicon_tonote:before {
    content: "\E6B6"
}
